jQuery中綁定事件bind() on() live() one()的異同
jQuery中綁定事件的四種方法,他們可以同時(shí)綁定一個(gè)或多個(gè)事件
bind()-------------------------版本號(hào)小于3.0(在Jquery3.0中已經(jīng)移除,相應(yīng)unbind()也移除)
live()--------------------------版本號(hào)小于1.7(在Jquery1.7中已經(jīng)移除,相應(yīng)die()也移除)
delegate()-------------------版本號(hào)小于1.7(在Jquery1.7中已經(jīng)移除)
on()---------------------------版本號(hào)大于1.7(在Jquery1.7中添加,相應(yīng)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>
第一個(gè)最大的區(qū)別就是:bind()的事件綁定是只對(duì)當(dāng)前頁面選中的元素有效。如果你想對(duì)動(dòng)態(tài)創(chuàng)建的元素bind()事件,是沒有辦法達(dá)到效果的
在后面的動(dòng)態(tài)生成DOM元素綁定事件就要使用on();
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
jquery實(shí)現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于jquery實(shí)現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07
jquery 動(dòng)態(tài)合并單元格的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query 動(dòng)態(tài)合并單元格的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
無需 Flash 使用 jQuery 復(fù)制文字到剪貼板
需要做的只是引入其腳本,在HTML標(biāo)簽上賦一個(gè)“data-clipboard-target”屬性然后寫一小段JavaScript片段。為了演示假定有一個(gè)貨幣轉(zhuǎn)換應(yīng)用,在一個(gè)文本框中輸入數(shù)值時(shí)同時(shí)將兌換結(jié)果顯示在另一個(gè)文本框中,當(dāng)點(diǎn)擊文本框時(shí),會(huì)觸發(fā)事件將其復(fù)制到剪貼板然后顯示一條消息。2016-04-04
jQuery實(shí)現(xiàn)簡易計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡易計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
jquery根據(jù)td給相同tr下其他td賦值的實(shí)現(xiàn)方法
下面就為大家?guī)硪黄猨query根據(jù)td給相同tr下其他td賦值的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
jquery中插件實(shí)現(xiàn)自動(dòng)添加用戶的具體代碼
當(dāng)點(diǎn)擊添加時(shí)自動(dòng)彈出窗口,填寫完畢按確定自動(dòng)添加到table表格中,有需要的朋友可以參考一下2013-11-11

