jQuery 이벤트 바인딩 및 바인딩 해제 구현 method_jquery
- WBOY원래의
- 2016-05-16 16:04:091047검색
이 글의 예시에서는 jQuery 이벤트 바인딩 및 바인딩 해제 구현 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<script src="./jquery-1.4.2.min.js"></script>
<style>
div {
border:1px solid black;
width:20px;
height:20px;
text-align:center;
float:left;
cursor:pointer
}
.has{
background-color:red;
cursor:default
}
</style>
</head>
<body onload="autoCheck()">
<div id="10102" class="has">2</div>
<div id="10103">3</div>
<div id="10104">4</div>
<div id="10105">5</div>
<div id="10106">6</div>
<div id="10107">7</div>
<div id="10108">8</div>
</body>
</html>
<script type="text/javascript">
jQuery(function(){
jQuery("div").bind('click',function(){
if(jQuery(this).attr('class') != ''){
return false;
}
jQuery(this).addClass("has");
jQuery(this).unbind("click");
//window.open("./helloworld.html");
window.showModalDialog("./helloworld.html", window, "dialogWidth=500px;dialogHeight=400px;status=no;help=no;scrollbars=no");
jQuery(this).attr('id');
});
})
</script>
이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.