jQuery事件绑定与解除绑定实现方法
本文实例讲述了jQuery事件绑定与解除绑定实现方法。分享给大家供大家参考。具体如下：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>NewDocument</title>
<metaname="Generator"content="EditPlus">
<scriptsrc="./jquery-1.4.2.min.js"></script>
<style>
div{
border:1pxsolidblack;
width:20px;
height:20px;
text-align:center;
float:left;
cursor:pointer
}
.has{
background-color:red;
cursor:default
}
</style>
</head>
<bodyonload="autoCheck()">
<divid="10102"class="has">2</div>
<divid="10103">3</div>
<divid="10104">4</div>
<divid="10105">5</div>
<divid="10106">6</div>
<divid="10107">7</div>
<divid="10108">8</div>
</body>
</html>
<scripttype="text/javascript">
jQuery(function(){
jQuery("div").bind('click',function(){
if(jQuery(this).attr('class')!=''){
returnfalse;
}
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程序设计有所帮助。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短