제이쿼리 .add (selector)

수다왕

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1790 1790

설명 : 요소가 일치하는 요소 집합에 추가 된 새 jQuery 객체를 만듭니다.

1. tag 엘리먼트나 html tag를 직접 넣을 수 있습니다.

div에 p태그를 넣고 싶다면

$("#d1").add("p");

이렇게 하면 p태그를 삽입할 수 있습니다.

또한

$("#d1").add("<p>~~~</p>");

이렇게 해도 됩니다.

예 :

모든 div를 찾고 테두리를 만듭니다. 그런 다음 모든 단락을 jQuery 객체에 추가하여 배경을 노란색으로 설정합니다.

<!doctype html>

<head>

<style>

div {

width: 60px;

height: 60px;

margin: 10px;

float: left;

}

p {

clear: left;

font-weight: bold;

font-size: 16px;

color: blue;

margin: 0 10px;

padding: 2px;

}

</style>

</head>

<body>

<p>Added this... (notice no border)</p>

$( "div" ).css( "border", "2px solid red" )

.add( "p" )

.css( "background", "yellow" );

</script>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5366	기타	간단한 전자입찰 전략 계산기 [3]	nekoieye 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1107
5365	PHP	if문으로 비교할게 여러개일때 (feat array_filter) [1]	레오가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	768
5364	JavaScript	document.querySelector 의 상수화 [2]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	518
5363	JavaScript	로또데이터 자바스크립트 기본함수 [7]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	983
5362		로또 최신회차 추출하기 [16]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1222
5361	JavaScript	당첨확률 높은 로또번호 추출하기 [24]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1229
5360		순수 CSS로 아코디언 메뉴 구현하기	그누보드이해하기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	769
5359		직관적인 컬러 찾기 ~ (컬러피커) [3]	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1084
5358		자바스크립트 응용배열 [10]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1089
5357		PHP 웹 스크래퍼 만들기 : guzzle + dom-crawler [1]	누리컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	800
5356		토글, 페이지 새로고침 전 상태 유지. (브라우저 쿠키 활용)	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	363
5355		가벼운 랜더링 클래스 [1]	BupKuuBro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	581
5354		유튜브 반응형 강제쇼츠 동영상 [14]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1049
5353		열기 닫기 아코디언(?) 토글(?) 형식 배너 만들기 [4]	바트컨트롤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	698
5352		브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기 [3]	바트컨트롤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	632
5351	PHP	메일 사진 첨부하는 방법 [2]	론지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	797
5350	PHP	파일업로드시 이미지 파일 특정 크기로 미리 줄여서 업로드 하기	식냥이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	567
5349	OS	오래된 파일 지우기	누리컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	642
5348	기타	링크 단축기	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	446
5347	기타	파일클립(용량무제한 파일첨부관리 클라우드) 그누보드 플러그인을 써보실분 찾습니다. [7]	파일키위 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	624
5346	기타	[7월 개강반 무료 5분 선착순 모집]AWS 클라우드 활용 풀스택 개발자 모집	필수시리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	502
5345	기타	[7월 개강반 무료 5분 선착순 모집]인공지능,AI 핀테크 서비스 개발자 모집	필수시리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	392
5344	JavaScript	마우스 아웃시 레이어창이 안닫혀요	까망고양이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	422
5343	PHP	버튼 오버시 레이어창 1개는 되는데 2개부터 작동안함	까망고양이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	492
5342	jQuery	카카오 우편번호 jquery로 변환	dbxo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	567
5341	PHP	계좌번호 복사소스 [1]	WebProduct 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	869
5340	Mobile	br 태그 모바일에만 보여주기	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	543
5339	기타	불량단어 말고 태그 제한 코드 쎄게 박아넣기	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	541
5338		카페24서버 php7 에서 mssql 연결 안될때 활용법 [3]	멀티트리플 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1285
5337	기타	유튜브 스크립트, 비메오 [7]	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1777