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()

举例:

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

效果:


点击事件后的效果


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

步骤:

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

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

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

html代码:


css代码:


js代码:


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。 jQuery增加并扩...
    DHFE阅读 3,833评论 0 1
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,275评论 0 8
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,576评论 2 10
  • 躺在出租房的床上,刚玩完游戏洗澡上床,反思自己毕业以来做的事,工作方面越来越得心应手,大部分事都能独自搞定,也算是...
    图样森破520阅读 1,513评论 2 0
  • 不久在微博上看到很多人在推荐纪录片《园林》,主要的推荐点在于画面很美,内容充足。与很多人一样,我以为长达八集的《园...
    夏阙白阅读 12,113评论 1 17

友情链接更多精彩内容