美文网首页
bind()事件绑定

bind()事件绑定

作者: 聆听l | 来源:发表于2018-06-28 22:37 被阅读0次

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代码:

相关文章

  • jQuery(3)

    一 事件绑定 绑定 $().bind(事件类型,function(){}); $().bind(事件类型1,事件类...

  • Jquery事件处理

    绑定事件 bind(map)方法 bind(type, [data], fn)方法 在为对象绑定事件的同时,为事件...

  • 绑定和移除事件的方法

    1.bind()绑定事件 2.unbind()移除事件 3.on()绑定事件---bind 4.off()移除事件...

  • 2019-04-11 代理模式

    bind(,,,function(){} ) 绑定多个事件 bind 自定义绑定事件 事件冒泡 点击事件会一级一级...

  • jQuery中绑定事件时bind和on的区别

    jquery的bind跟on绑定事件的区别:主要是事件冒泡;jquery文档中bind和on函数绑定事件的用法: ...

  • jquery的bind跟on绑定事件的区别

    jquery的bind跟on绑定事件的区别:主要是事件冒泡; jquery文档中bind和on函数绑定事件的用法:...

  • 前端知识点(16)

    绑定事件bind $(function(){ // //只能绑定click事件,不能绑定其他的了 // $('#b...

  • jQuery的基础事件篇

    基础事件 1.绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。可以传递三个参数:bind(ty...

  • input框事件

    input框事件 绑定事件bind 自定义事件

  • 绑定事件 自定义事件 事件冒泡

    绑定事件 bind命令同时绑定多个事件 unbind取消绑定 自定义事件 trigger是触发事件 事件冒泡 ev...

网友评论

      本文标题:bind()事件绑定

      本文链接:https://www.haomeiwen.com/subject/lyanyftx.html