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()
举例:
单击标题显示内容,再次单击标题 内容隐藏
效果:
点击事件后的效果
再次点击标题时,隐藏内容区
步骤:
(1)找到“标题”所在的元素,绑定click事件
(2)如果内容元素是显示的,则隐藏,如果内容元素是隐藏的,则显示。
为了判断元素是否显示,可以使用 jQuery 中的 is() 方法来完成。
html代码:
css代码:
js代码: