一、用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();
})
});
二、移除之前的绑定事件
用$("#result").unbind("click")
如果你要移除所有的绑定事件,直接用 $("#result").unbind()
例题中用 $("#sidebar h3").unbind("click")
在文档装载完成后,使用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();
})
});
二、移除之前的绑定事件
用$("#result").unbind("click")
如果你要移除所有的绑定事件,直接用 $("#result").unbind()
例题中用 $("#sidebar h3").unbind("click")