jQuery事件详解之bind()

当文档加载完毕，如果打算为元素绑定事件来完成某些操作，可以使用bind()方法来对匹配的元素进行事件绑定。

//bind()方法的调用格式
bind(type [,data],fn)

第一个参数表示事件类型，包括blur、focus、load、resize、scroll、unload、click、dblick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleaave、change、select、submit、keydown、keypress、keyup、error等（也可以是自定义的事件）。

第二个参数为传递给事件对象的额外数据对象（可选）。

第三个参数是用来绑定的处理函数。

基本效果

按钮
    
hello,jQuery
    

演示

代码演示

加强效果

在上面的演示中只能点一次，再次点击没有反应，为了实现“点击，p标签内容显示;再次点击，p标签内容隐藏”这一效果，需要判断p标签是否隐藏。

为了判断元素是否显示，可以使用jQuery中的is()方法来完成。

按钮
    
hello,jQuery
    
点击0次
    

演示

代码演示

改变绑定事件的类型

改变上面的效果“当鼠标移入时显示，移出时隐藏”

按钮
    
hello,jQuery
    
鼠标状态:移出
    

演示

代码演示

简写绑定事件

像click,mouseover这类事件，jQuery也提供了一套简写的方法，如：

$(button).click(function(){
alert("hello~")
})