
正文
jquery中on的4个参数,jqueryfunction参数
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery用on绑定事件
通过事件冒泡,让子元素绑定的事件冒泡到父元素(或祖先元素)上,然后再进行处理。
(document).on(click,.class,function(){……});相当于$(.class).live(click,function(){……});js生成的元素绑定事件必须使用live,但新版的jq,已经淘汰了live,可以用on方法代替,但必须注意写法。
bind()方法为每个匹配元素的特定事件绑定事件处理函数。bind()方法的底层逻辑是on()方法。 .bind() 方法是用于往文档上附加行为的主要方式。
相关问答
Q1: jQuery中的bind()函数跟on()函数有什么区别呢?
1、.bind()是直接绑定在元素上 .live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。和.bind()的优势是支持动态数据。
2、bind():为每个匹配元素的特定事件绑定事件处理函数。bind(type,[data],fn)type: 含有一个或多个事件类型的字符串,由空格分隔多个事件。比如click或submit,还可以是自定义事件名。
3、肯定是先引入jquery库,可以选择下载本地引用,也可以在线引用。on函数,这个是官方推荐使用的函数,因为其他方法都是内部调用on来完成的,直接使用on可以提高效率。
4、推出了on方法表示绑定,bind(),live()和delegate()都用了on()来表示,所以说on是bind的替代者。
5、bind()方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
6、jquery基础事件,包括绑定事件、简写事件、复合事件;一.绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。
Q2: jQuery()中,on()方法
1、bind()方法为每个匹配元素的特定事件绑定事件处理函数。bind()方法的底层逻辑是on()方法。 .bind() 方法是用于往文档上附加行为的主要方式。
2、jQuery 支持三种事件委托方法:on、live 和 delegate。
3、新建一个静态页面bind.html,并引入jquery核心文件。在标签中,插入一个button按钮,添加id属性值。在标签中,添加按钮点击事件,利用on()方法绑定。
4、它向网页文档本身提供了全局操作功能,能解决如何获取页面的 URL ,如何在文档中创建一个新的元素这样的问题。
5、delegate和on方法被选元素的子元素必须是合法的子元素。on(events,[selector],[data],fn),参数[selector]是可选,一个选择器字符串用于过滤器的触发事件的选择器元素的后代。delegate的selector是必需的。
6、(document).on(click,.class,function(){……});相当于$(.class).live(click,function(){……});js生成的元素绑定事件必须使用live,但新版的jq,已经淘汰了live,可以用on方法代替,但必须注意写法。
Q3: jQuery中的.on和.delegate的区别
两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。on(events,[selector],[data],fn),参数[selector]是可选,一个选择器字符串用于过滤器的触发事件的选择器元素的后代。
其中,on 是 jQuery 7 之后引入的,支持事件绑定的全部功能;live 是在 DOM 加载完成后立即执行的,不支持动态添加的元素;delegate 是在事件发生时委托给一个指定的元素来处理事件 。
这个就是jquery的事件委派,有的时候还是很能派上用场的,骚年们,玩起来吧!.live()与流行的liveQuery插件很像,但有以下几个主要区别:.live 目前只支持所有事件的子集,支持列表参考上面的说明。
使用 on()方法,本质上使用了事件委派,将事件委派在父元素身上。
on函数,这个是官方推荐使用的函数,因为其他方法都是内部调用on来完成的,直接使用on可以提高效率。bind函数,bind是使用频率较高的一种,作用就是在选择到的元素上绑定特定事件类型的监听函数。
.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。和.bind()的优势是支持动态数据。
jquery中on的4个参数的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jqueryfunction参数、jquery中on的4个参数的信息别忘了在本站进行查找喔。







