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)前頁(yè)面選中的元素有效。如果你想對(duì)動(dòng)態(tài)創(chuàng)建的元素bind()事件,是沒有辦法達(dá)到效果的
在后面的動(dòng)態(tài)生成DOM元素綁定事件就要使用on();
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
Jquery 動(dòng)態(tài)循環(huán)輸出表格具體方法
這篇文章主要介紹了Jquery 動(dòng)態(tài)循環(huán)輸出表格具體方法,有需要的朋友可以參考一下2013-11-11jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解
這篇文章主要介紹了jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下2017-08-08jQuery使用animate創(chuàng)建動(dòng)畫用法實(shí)例
這篇文章主要介紹了jQuery使用animate創(chuàng)建動(dòng)畫用法,可實(shí)現(xiàn)點(diǎn)擊鏈接文字隱藏及顯示文字的功能,實(shí)例分析了jquery中toggle與animate方法的使用技巧,需要的朋友可以參考下2015-08-08基于JQuery.timer插件實(shí)現(xiàn)一個(gè)計(jì)時(shí)器
基于JQuery.timer插件實(shí)現(xiàn)一個(gè)計(jì)時(shí)器,需要的朋友可以參考下。2010-04-04jQuery實(shí)現(xiàn)表格行和列的動(dòng)態(tài)添加與刪除方法【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格行和列的動(dòng)態(tài)添加與刪除方法,涉及jQuery針對(duì)頁(yè)面元素的動(dòng)態(tài)添加與刪除相關(guān)技巧,非常簡(jiǎn)便實(shí)用,需要的朋友可以參考下2016-08-08