[jQuery] 새로운 엘리먼트에 이벤트 부여 (부모, 자식 click이벤트)

만약 버튼 클릭시 새로운 버튼을 생성하고, 새로 생성한 버튼에 이벤트를 부여할때

//$('부모선택자').on('click','자식선택자' function(){});
$('div').on('click','#hideBtn',
	function(){
		$('p').hide(1000);
	});

$('부모선택자').on('click','자식선택자' function(){});

 

처음 페이지 로딩된 이후에 버튼이 새로 생성된다면 스크립트에서는 그 버튼의 존재를 모른다. 찾을수 있는 방법은 버튼을 새로 생성한 태그 (div, p, body 등등) 를 부모선택자로 새로 생성한 버튼을 자식선택자로 function을 만들면 된다.