bind()事件绑定

bind()方法有3个参数:

第1个是事件类型,包括:blur  focus  load  resize   click   mouseover  mousemove  mouseout  mouseenter  mouseleave  select  submit   keydown  keyup  submit 等,也可以自定义名称。

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

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

jquery中的事件绑定类型比普通的javascript事件绑定类型少了"on"。例如鼠标单击事件在jquery中对应的是click()方法,而在JavaScript中对应的是onclick()

举例:

单击标题显示内容,再次单击标题 内容隐藏

效果:


bind()事件绑定_第1张图片

点击事件后的效果


bind()事件绑定_第2张图片

再次点击标题时,隐藏内容区

步骤:

(1)找到“标题”所在的元素,绑定click事件

(2)如果内容元素是显示的,则隐藏,如果内容元素是隐藏的,则显示。

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

html代码:


bind()事件绑定_第3张图片

css代码:


bind()事件绑定_第4张图片

js代码:


bind()事件绑定_第5张图片

你可能感兴趣的:(bind()事件绑定)