테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 .add (selector)

· 8년 전 · 1789

제이쿼리 .add (selector) 

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


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


<div id="d1"></div>


div에 p태그를 넣고 싶다면


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

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

또한 

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


이렇게 해도 됩니다.



예 :

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


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>add demo</title>

  <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>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

 

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

 

<script>

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

  .add( "p" )

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

</script>

 

</body>

</html>

댓글 작성

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

로그인하기

게시글 목록

번호 제목
15742
15741
15740
15739
15738
15736
15735
15734
15733
15732
15731
15730
15729
15728
15727
15726
15725
15724
15723
15721
15720
15719
15718
15717
15716
15715
15714
15713
15712
15711