利用jQuery为dom元素绑定和解绑事件处理函数

利用jQuery为dom元素绑定和解绑事件处理函数:
本章节介绍一下如何为dom元素绑定和解绑事件处理函数。
代码实例如下:

<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" />   
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(function(){ 
  var str="";
  $("#bt").bind("click",function(){
    str=str+this.value;
    $("#thediv").html(str);
  })
  $("#unbind").bind("click",function(){
    $('#bt').unbind("click") 
  })
}) 
</script> 
</head> 
<body> 
<div id="thediv"></div>
<input type="button" id="bt" value="蚂蚁部落"/>
<input type="button" id="unbind" value="解除绑定"/>
</body> 
</html>

 以上代码演示了事件处理函数的绑定和解绑,更多内容可以参阅相关阅读。

相关阅读:
1.bind()函数可以参阅jQuery的bind()方法一章节。 
2.one()函数可以参阅jQuery的one()方法一章节。 
3.on()函数可以参阅jQuery的on()方法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13435

更多内容可以参阅:http://www.softwhy.com/jquery/

猜你喜欢

转载自softwhy.iteye.com/blog/2274153