麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > JavaScript > 正文

jQuery事件綁定on()、bind()與delegate() 方法詳解

2024-05-06 16:21:13
字體:
來源:轉載
供稿:網友
這篇文章主要詳細介紹了jQuery事件綁定的三種方法,分別是on()、bind()與delegate(),十分的淺顯易懂,有需要的小伙伴可以參考下。
 

啃了一段日子的js相關了,學的過程中發現在jQuery中綁定事件時,有人用bind(),有人用on(),有人用delegate(),還有人用live(),看代碼的時候覺得都實現功能了也就掀過去了,只是一直沒完全弄懂之間的區別,于是今天查了下資料,自己做個總結。

之所以有這么多類型的綁定方法,是因為jQuery的版本更新的原因,如on()方法就是1.7以后出現的。

jQuery的事件綁定api頁面上,提到live()方法已經過時,不建議使用。所以這里我們主要就看下以下三個方法:bind()、delegate()、on()

我們準備一個html頁面,用于各種類型事件綁定的測試。
 

  1. <html> 
  2. <head lang="en"
  3. <meta charset="UTF-8"
  4. <title></title> 
  5. <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> 
  6. </head> 
  7. <body> 
  8. <div> 
  9.   <button id="btn">添加新的p元素</button> 
  10.   <p>第一個p元素</p> 
  11.   <p>第二個p元素</p> 
  12.   <p>第三個p元素</p> 
  13.   <p>第四個p元素</p> 
  14.   <p>第五個p元素</p> 
  15. </div> 
  16.  
  17. <script> 
  18. $("#btn").click(function(){ 
  19.   $("div").append("<p>這是一個新的p元素</p>"); 
  20. }); 
  21. </script> 
  22.  
  23. </body> 
  24. </html> 
?
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄视频免费在线观看 | 欧美黄色一级片视频 | 亚洲一区二区三区在线免费观看 | 成av人在线观看 | 亚洲导航深夜福利涩涩屋 | 国产羞羞视频在线观看免费应用 | 麻豆传传媒久久久爱 | 高清国产午夜精品久久久久久 | 国产91丝袜在线播放 | 免费看一级视频 | 在线中文字幕播放 | 欧美成人精品不卡视频在线观看 | 欧美视频99 | 深夜视频在线观看 | www.91视频com | 成年人黄色免费电影 | 欧美日韩中文字幕在线 | 超碰人人做人人爱 | 日韩大片在线永久观看视频网站免费 | 青青青在线免费 | 国产精品野外av久久久 | 国产精品入口夜色视频大尺度 | av日韩在线免费观看 | 亚洲电影在线观看高清免费 | 国产精品片一区二区三区 | 成人在线观看网 | 国产亚洲精品久久 | 欧美hdfree性xxxx| 色柚视频网站ww色 | 欧美性生交大片 | 久久久麻豆 | 国产精品自在线拍 | www国产成人免费观看视频,深夜成人网 | 一级做a爱片性色毛片 | 亚洲视频综合 | 国产69精品久久久久9999不卡免费 | 日韩欧美电影一区二区三区 | 亚洲嫩草av | 欧美精品日日鲁夜夜添 | 2021国产精品视频 | 一区二区三区日本在线观看 |