제이쿼리 .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>