啃了一段日子的js相关了，学的过程中发现在jQuery中绑定事件时，有人用bind()，有人用on()，有人用delegate()，还有人用live()，看代码的时候觉得都实现功能了也就掀过去了，只是一直没完全弄懂之间的区别，于是今天查了下资料，自己做个总结。
之所以有这么多类型的绑定方法，是因为jQuery的版本更新的原因，如on()方法就是1.7以后出现的。
jQuery的事件绑定api页面上，提到live()方法已经过时，不建议使用。所以这里我们主要就看下以下三个方法：bind()、delegate()、on()
我们准备一个html页面，用于各种类型事件绑定的测试。
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <title></title>
- <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
- </head>
- <body>
- <div>
- <button id="btn">添加新的p元素</button>
- <p>第一个p元素</p>
- <p>第二个p元素</p>
- <p>第三个p元素</p>
- <p>第四个p元素</p>
- <p>第五个p元素</p>
- </div>
- <script>
- $("#btn").click(function(){
- $("div").append("<p>这是一个新的p元素</p>");
- });
- </script>
- </body>
- </html>
学习交流
- HTC M8怎么换主题 M8换主题方法12-23
- 锤子手机如何开启单手拨号面板12-23
- OPPO R7拍照音如何关闭12-23
- LG G3如何开启来电翻转静音12-23
- 两种方式登录FTP10-30
- 查看一个顶级域名下所有的二级域名10-30
- 用HOSTS文件屏蔽网站 建立网站映射的方法10-30
- 域名状态及其意义总结10-30
- 二级域名原理以及程序，申请即可开通10-28
热门图片
猜你喜欢的新闻
新闻热点
2024-04-27 13:35:46
2024-04-27 13:33:47
2024-04-24 22:53:44
2024-04-23 19:32:50
2024-04-23 19:25:50
2024-04-23 19:13:19
疑难解答
图片精选