首页 前端知识 jQuery事件处理 on() 绑定事件

jQuery事件处理 on() 绑定事件

2024-03-10 11:03:35 前端知识 前端哥 790 210 我要收藏

on() 方法优势1:可以绑定多个事件,多个处理事件处理程序。

$(“input”).on({

  focus: function(){},

  blur: function(){}

});      

如果事件处理程序相同

$(“div”).on(“focus blur”, function() {

   $(this).toggleClass(“current”);

  });      

on() 方法优势2:可以事件委派操作 。事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。

$('ul').on('click', 'li', function() {

    alert('事件委派操作');

});      

on() 方法优势3:动态创建的元素,click() 没有办法绑定事件, on() 可以给动态生成的元素绑定事件

 $(“div").on("click",”p”, function(){

     alert("我可以给动态生成的元素绑定事件")

 });      

 $("div").append($("<p>我是动态创建的p</p>"));

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3568.html
标签
评论
发布的文章

jQuery之宽高

2024-04-05 09:04:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!