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