live : 현재 뿐만 아니라 앞으로 미래에 포함될 요소까지 자동으로 바인딩시킨다.
이벤트가 전체 도큐먼트 내에서 bubble up된다. die() 함수는 live() 함수에 의해서 생성된 이벤트를 제거한다.
live영역을 이용한 태그영역을 클릭하면 반응이 있다
예제
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> p{ background : yellow; padding: 5px; cursor: pointer; } </style> <script src = ../js/jquery.js type="text/javascript"></script> <script type="text/javascript"> $(function(){ var cnt = 0; $('p').live('dblclick', function(){ $(this).after('<p>Another paragraph ' + cnt++ + "</p>") if(cnt == 3){ $('p').die(); } }); });//ready </script> </head> <body> <p>Click me!</p> </body> </html>
결과
Click me!라는 버튼에 마우스를 올릴시 클릭할수 있게 마우스 모양이 변한다
'JQuery' 카테고리의 다른 글
| [jQuery] show hide (0) | 2023.09.22 |
|---|---|
| [jQuery] change (0) | 2023.09.22 |
| [jQuery] Bind (0) | 2023.09.21 |
| [jQuery] 테이블 동적 생성 (0) | 2023.09.21 |
| [jQuery] append (0) | 2023.09.21 |
