반응형
.live() 함수
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
* {
margin: 5px;
padding: 5px;
border: 2px solid black;
}
</style>
<script type ="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type ="text/javascript">
$(document).ready(function(){
$('h1').live('click', function(){ //live함수 이용해서 클릭이벤트 등록.
var len = $('h1').length; //h1태그의 갯수를 구해라.
var test1 = $(this).html();
$('#test').append('' + len + ':' + test1 + '
');
});
});
</script>
</head>
<body>
header
</body>
</html>
.bind() 함수
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
* {
margin: 5px;
padding: 5px;
border: 2px solid black;
}
</style>
<script type ="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type ="text/javascript">
$(document).ready(function(){
$('h1').bind('click', function(){ //live함수 이용해서 클릭이벤트 등록.
var len = $('h1').length; //h1태그의 갯수를 구해라.
var test1 = $(this).html();
$('#test').append('' + len + ':' + test1 + '
');
});
});
</script>
</head>
<body>
header
</body>
</html>
반응형
'wEb > javascript' 카테고리의 다른 글
| CommonJS(커먼JS) (0) | 2018.12.19 |
|---|---|
| jquery .css 변수 사용 (0) | 2013.09.29 |
| keydown(), keyup(), keypress() (0) | 2013.09.28 |
| preventDefault(), stopPropagation(), return false; (0) | 2013.09.28 |
| mouseenter와 mouseleave를 동시에 쓰는 함수 hover() (0) | 2013.09.28 |
| $(document).ready (0) | 2013.08.16 |
| jQuery API .nextAll() test (0) | 2013.06.07 |
| 제이쿼리 트래버싱_jquery traversing API (0) | 2013.06.06 |
| 자바스크립트 배열작성 방식 3가지 (0) | 2013.03.25 |
| jquery를 이용한 필요없는 셀지우기 (0) | 2012.04.20 |