HTML 생성하기

$("<div>hi</div>")

$("div>") ← $("<div></div>") 나 $("<div/>") 와 동일하다.

 

 

$("<div class='foo'>I have foo!</div><div>I don 't</div>")
   .filter(".foo").click( function() { alert("I'm foo!"); } ).end()

   .appendTo("#someParentDiv");

 

- <div> 엘리먼트를 2개 생성하고

   첫 번째 <div> 엘리먼트에는 foo 클래스가 있고, 다른 하나에는 없다.

   생성한 다음

   foo 클래스를 가진 <div>엘리먼트를 클릭하면, 경고 메시지를 띄우는 이벤트 핸들러를 바인딩한다.

   end() 메서드를 이용해 필터링 이전의 두 <div> 엘리먼트를 지닌 집합으로 돌아간 뒤,

   ID가 someParentDiv인 엘리먼트에 덧붙인다.

 

* <script> 블록을 생성한다고 해서

  바로 로드된다고 보장할 수 없다.