jQuery中的事件绑定和去除事件绑定


一、用bind()方法来对匹配元素进行特定事件的绑定

在文档装载完成后,使用bind()方法来对匹配元素进行特定事件的绑定,bing() 方法的调用格式为:

bind(type[,data],fn);

3个参数,说明如下

type:blur、focus、load、resize、scroll、unload、click、 dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、 mouseleaye、change、select、submit、keydown、keypress、keyup和error等,当然也可以是自定义名 称。

data是可选参数:作为event.data属性值传递给事件对象的额外数据对象。

fn参数则是用来绑定的处理函数。

例子:点击侧边栏标题显示内容

html代码:

<div id="sidebar">

<h3>标题</h3>

<ul style="display:none"><li>I am zwwooooo.... </li></ul>

</div>

jQuery代码:

$(function(){

$("#sidebar h3").bind("click",function(){

$(this).next().show();

})

});

2010.9.27 ADD:平时我们写像 click、mouseover 和 mouseout 这类事件,因为在程序中经常会使用到,jQuery 为此提供了一套简写方法,如上面的jQuery代码可以写成:

$(function(){

$("#sidebar h3").click(function(){

$(this).next().show();

})

});

其实以前我们写的jQuery代码通常都是用这种简写模式。

二、移除之前的绑定事件

用$("#result").unbind("click")

如果你要移除所有的绑定事件,直接用 $("#result").unbind()

例题中用 $("#sidebar h3").unbind("click")


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM