jQuery中事件绑定
一、前言 最近在做项目中要用到jQuery来绑定事件,首先想到的是$(selector).事件名();这样绑定事件的方式,这种方式对事件进行绑定其实也就是bind()方法,但当选择器匹配的元素过多,$(selector).事件名();对每个元素进行迭代绑定,会影响性能。除了这种方式可以绑定事件以外,还有live()(已过期)、delegate()、on()方法绑定事件,接下来分析一下它们的区别,以及使用哪种方式最值得推荐。由于live()方法已过期,只分析另外三种,欢迎拍砖、吐槽~~~ 二、用法与区别 先准备一个example,用于不同方法绑定事件测试与对比。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>on()、delegate()、bind()事件绑定测试</title> <link rel="stylesheet" type="text/css" href="bootstrap.css"> </head> <body> <div style="width:800px;margin:50px auto;"> <botton class="btn btn-success" id="btn">新增一个p元素</botton> <p>1</p> <p>2</p> </div>