侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

记录学习jquery的绑定事件的两种方式

2024-05-09 星期四 / 0 评论 / 0 点赞 / 85 阅读 / 1230 字

简单做了个例子,html代码如下:<button class="btn" id="mybtn">click1</button><button class="btn">click2</button><b

简单做了个例子,html代码如下:

<button class="btn" id="mybtn">click1</button><button class="btn">click2</button><button class="btn">click3</button><button class="btn">click4</button><button class="btn">click5</button>

**情况一:**如果是给id是mybtn的button绑定事件,选择使用

$("#mybtn").on("click",function(event){    alert("1234");});

当希望绑定事件的元素只有一个的时候,使用直接绑定到元素的方式,比委托到document上面绑定效果快一点。

**情况二:**如果想给一堆拥有同个类的元素绑定事件,如这个例子中class名为btn的多个元素绑定事件,推荐使用

$(document).on("click",".btn",function(event){    alert("1234");});

这样就可以一次绑定多个class名为btn的元素,效率比一个一个绑定要快!

总结,绑定事件的时候,要判断是以上哪种情况再去选择绑定方式。

广告 广告

评论区