jQuery事件绑定与解除绑定实现方法

前端技术 2023/09/10 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/26441

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案