啃了一段日子的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
疑難解答
圖片精選