<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function() {
// 동적으로 태그 추가!!!
//var tag = $('<div>'. { id: 'test_div2'} );
var tag = document.createElement("div");
tag.id = "test_div2";
tag.innerHTML = "test222";
document.body.appendChild(tag);
//$('#test_div1').append(tag);
// 정적 click 이벤트
$('#test_div1').click(function() {
alert('test_div1 click');
});
// 동적 click 이벤트
$(document).on('click', '#test_div2', function(){ alert('test_div2 click'); } );
});
</script>
</head>
<body>
<div id='test_div1'> 정적 div </div>
</body>
</html>
반응형
':::: 개발 :::: > ::: JSCRIPT :::' 카테고리의 다른 글
| Node.js 전역변수.. __filename __dirname 전역객체 (0) | 2015.03.31 |
|---|---|
| node.js express 설치 할때 애러 ( UNABLE_TO_VERIFY_LEAF_SIGNATURE) (2) | 2015.03.23 |
| 유튜브 api 활용 목록 가져오기 (0) | 2014.12.18 |
| 크롬 에서 animate scrollTop 오류 (0) | 2014.11.24 |
| 두번째 탭 선택하기 Jquery (0) | 2014.11.04 |
| jquery 페이지 상/하단으로 부드럽게 이동 (0) | 2014.06.19 |
| Jquery 와 일반 스크립트 비교 (2) | 2014.05.22 |
| 제이쿼리 동작 테스트 해 볼수있는 사이트 (0) | 2014.03.27 |