제이쿼리 .add (selector)

수다왕

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

· 8년 전 · 조회 1792 1792

설명 : 요소가 일치하는 요소 집합에 추가 된 새 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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5276		자바스크립 시계 [한국시간 고정] [8]	오땡스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1331
5275		라라곤 6.0 데이타베이스 패스워드 설정하기 [1]	마젠토 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1401
5274	기타	특정 기기 접근 금지시키는 스크립트	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	815
5273	JavaScript	ThreeJS - 3D Bar and Progress Bar [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1045
5272	node.js	RAM점유크기에 의한 노드서버관리	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	742
5271	JavaScript	Javascript Undo, Redo 기능 구현하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1495
5270	PHP	PHP에서 다운로드로직을 구현할때 서버부하문제를 고려한 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	844
5269	node.js	nodejs서버가 사용중인 메모리에 대한 로그	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	679
5268	node.js	node.js에서 스케쥴링작성 [8]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1208
5267	PHP	파일의 MIME 타입을 얻기 위한 클래스 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1590
5266	MySQL	InnoDB와 MyISAM의 우단점	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1088
5265	PHP	코드이그나이터와 라라벨의 비교 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2029
5264	JavaScript	자바스크립트 기반으로 HTML Canvas에 이미지를 불러들여 테두리색입히기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	858
5263	기타	일반 tcp소켓과 웹소켓의 비교 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2980
5262	기타	다중 소켓 포트와 한 개의 소켓 포트 비교	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	667
5261	node.js	tcp소켓과 websocket 의 비교 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1059
5260	JavaScript	JavaScript로 이미지의 부분 영역을 따내기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1508
5259	node.js	JWT란 무엇이며 nodejs에서 JWT를 구현하기 위한 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	728
5258	node.js	Node.js 코드를 실행 가능한 단일 실행 파일로 묶는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1741
5257	node.js	노드에서 이미지 자료를 웹소켓을 통해 클라이언트에 전송하고, 클라이언트에서는 웹소켓을 통해 이미지를 받아서 웹브라우저에 표시 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1292
5256	PHP	PHP를 사용하여 TCP 소켓 서버를 만드는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1938
5255	node.js	nodejs로 망기판을 선택하여 그 망기판으로 외부와 통신하는 코드 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	684
5254	PHP	PHP로 웹소켓서버를 생성하여 채팅기능 구현하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	3011
5253	node.js	Node.js로 지속적인 핑 결과를 파일로 저장	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	675
5252	정규표현식	특수문자 제거, 우리글짜가 있는지 체크	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	621
5251	node.js	Node.js에서 PDF 파일의 페이지 수를 얻기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	876
5250	PHP	PHP로 pdf의 페이지수를 얻기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1110
5249	node.js	Node.js로 워터마킹 기능을 구현하는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1059
5248	PHP	PHP를 사용하여 이미지에 워터마크를 추가하는 방법 한가지	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1409
5247	node.js	NodeJS에서 image를 업로드 하면 그와 유사한 상품리스트 작성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1014