jQuery中的on与bind绑定事件区别实例详解

on(events,[selector],[data],fn)

创新互联建站是一家专注于成都做网站、成都网站设计与策划设计,姑苏网站建设哪家好?创新互联建站做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:姑苏等地区。姑苏做网站价格咨询:13518219792

  • events:一个或多个用空格分隔的事件类型和可选的命名空间,如”click”或”keydown.myPlugin” 。
  • selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代.
  • data:当一个事件被触发时要传递event.data给事件处理函数。
  • fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。
  • bind(type,[data],fn)
  • 为每个匹配元素的特定事件绑定事件处理函数。
  • jQuery 3.0中已弃用此方法,请用 on()代替。
  • 参数类型跟前面那个on一样.

bind与on的区别就在于–事件冒泡

demo1:

## 点击相应的li弹出里面内容,这里把on换成bind是一样的没有区别.也就是说on不使用selector属性与bind并无区别   

  • 1
  • 2
  • 3

demo2:

demo3

事件委托的好处

  • 万一子元素非常多,给每个子元素都添加一个事件,会影响到性能;
  • 为动态添加的元素也能绑上指定事件;

以上所述是小编给大家介绍的jQuery中的on与bind绑定事件区别实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!


当前名称:jQuery中的on与bind绑定事件区别实例详解
文章位置:http://bzwzjz.com/article/ijohge.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作 成都网站制作 成都网站设计 品牌网站建设 成都商城网站制作 成都网站建设 手机网站制作 企业网站建设公司 重庆网站建设 高端品牌网站建设 泸州网站建设 响应式网站设计 营销网站建设 专业网站设计 网站建设方案 成都网站建设公司 网站建设 成都网站设计公司 自适应网站建设 温江网站设计 定制网站建设 品牌网站建设