jQuery中綁定事件bind() on() live() one()的異同
更新時間：2017年02月23日 15:52:15 投稿：sxyy
本文主要介紹了jQuery中綁定事件bind() on() live() one()的異同，具有很好的參考價值，下面跟著小編一起來看下吧
jQuery中綁定事件的四種方法，他們可以同時綁定一個或多個事件
bind()-------------------------版本號小于3.0（在Jquery3.0中已經(jīng)移除，相應unbind()也移除）
live()--------------------------版本號小于1.7（在Jquery1.7中已經(jīng)移除，相應die()也移除）
delegate()-------------------版本號小于1.7（在Jquery1.7中已經(jīng)移除）
on()---------------------------版本號大于1.7（在Jquery1.7中添加，相應off()也添加）
A：bind()事件的用法
<title>綁定事件</title>
<script src="js/jQuery1.11.1.js" type="text/javascript"></script>
<script>
$(function () {
$("p").bind({
"mouseover": function () {
$("p").css("background-color", "red");
},
"mouseout": function () {
$("p").css("background-color", "");
}
});
});
</script>
</head>
<body>
<p>what are you doing?</p>
</body>
</html>
第一個最大的區(qū)別就是：bind()的事件綁定是只對當前頁面選中的元素有效。如果你想對動態(tài)創(chuàng)建的元素bind()事件，是沒有辦法達到效果的
在后面的動態(tài)生成DOM元素綁定事件就要使用on();
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
這篇文章主要介紹了jQuery Form 頁面表單提交的小例子，有需要的朋友可以參考一下2013-11-11
jquery實現(xiàn)html頁面先加載內容過幾秒后顯示數(shù)據(jù)
這篇文章主要給大家介紹了關于jquery實現(xiàn)html頁面先加載內容過幾秒后顯示數(shù)據(jù)的相關資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07
easyui是一種基于jQuery的用戶界面插件集合。本文是小編自己遇到的一些有關easyui treegrid的問題記錄，特此分享腳本之家平臺供大家參考2016-04-04
jquery 動態(tài)合并單元格的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query 動態(tài)合并單元格的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
需要做的只是引入其腳本，在HTML標簽上賦一個“data-clipboard-target”屬性然后寫一小段JavaScript片段。為了演示假定有一個貨幣轉換應用，在一個文本框中輸入數(shù)值時同時將兌換結果顯示在另一個文本框中，當點擊文本框時，會觸發(fā)事件將其復制到剪貼板然后顯示一條消息。2016-04-04
本文主要對平時常用的jquery小技巧進行匯總，具有很好的參考價值，有需要的朋友可以看下2016-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡易計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
jquery根據(jù)td給相同tr下其他td賦值的實現(xiàn)方法
下面就為大家?guī)硪黄猨query根據(jù)td給相同tr下其他td賦值的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
當點擊添加時自動彈出窗口，填寫完畢按確定自動添加到table表格中，有需要的朋友可以參考一下2013-11-11
隨鼠標上下滾動，在某些時候需要類似的效果，下面有個不錯的示例可以實現(xiàn)此效果，需要的朋友可以參考下2013-12-12