jquery的live jquery的live方法

jQuery中關(guān)于live()方法如何對(duì)hover事件的處理詳解

jQuery提供一些方法（如：toggle）將兩種事件效果合并到一起，比如：mouseover、mouseout；keyup、keydown等hover函數(shù)hover(over，out)一個(gè)模仿懸停事件（鼠標(biāo)移動(dòng)到一個(gè)對(duì)象上面及移出這個(gè)對(duì)象）的方法。

成都創(chuàng)新互聯(lián)主營(yíng)平遠(yuǎn)網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,APP應(yīng)用開(kāi)發(fā),平遠(yuǎn)h5微信小程序定制開(kāi)發(fā)搭建,平遠(yuǎn)網(wǎng)站營(yíng)銷(xiāo)推廣歡迎平遠(yuǎn)等地區(qū)企業(yè)咨詢(xún)

live() 方法能對(duì)一個(gè)還沒(méi)有添加進(jìn)DOM的元素有效，是由于使用了事件委托：綁定在祖先元素上的事件處理函數(shù)可以對(duì)在后代上觸發(fā)的事件作出回應(yīng)。

事件了（映射到更合適，并且可以冒泡的focusin和focusout上）。另外，在jQuery 1中，也能支持hover（映射 到mouseenter mouseleave）。（2）live() 并不完全支持通過(guò)DOM遍歷的方法找到的元素。

bind（）方法為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。bind（）方法的底層邏輯是on（）方法。 .bind() 方法是用于往文檔上附加行為的主要方式。

jQuery的live()方法怎么用?

而無(wú)需重新給這種新增加的元素綁定事件。用法示例： jquery：(“.myDiv”).live(“click”， function(){ alert(“clicked！”)；})；如果使用javascript動(dòng)態(tài)創(chuàng)建一個(gè)class為mydiv的元素，點(diǎn)擊元素依然會(huì)有彈出。

bind()可以綁定多個(gè)事件，live()一次只能綁定一個(gè)事件。區(qū)別在于用live來(lái)綁定事件會(huì)給所有當(dāng)前以及將來(lái)在頁(yè)面上的元素綁定事件(使用委派的方式)。比如說(shuō)，如果你給頁(yè)面上所有的li用live綁定了click事件。

bind（）方法為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。bind（）方法的底層邏輯是on（）方法。 .bind() 方法是用于往文檔上附加行為的主要方式。

on()：使用 on() 方法添加的事件處理程序適用于當(dāng)前及未來(lái)的元素（比如由腳本創(chuàng)建的新元素）。live()：通過(guò) live() 方法附加的事件處理程序適用于匹配選擇器的當(dāng)前及未來(lái)的元素（比如由腳本創(chuàng)建的新元素）。

(#btn).live(click，function()后續(xù)通過(guò)腳本動(dòng)態(tài)添加的元素(符合 id=#btn)，也是綁定了click事件的。如何使用 live() 方法向尚未創(chuàng)建的元素添加事件處理器。

Jquery中bind和live的區(qū)別

bind會(huì)在事件在綁定階段bind時(shí)就會(huì)判斷綁定事件的對(duì)象target是否存在，而且只針對(duì)當(dāng)前元素進(jìn)行綁定，而不是綁定到父節(jié)點(diǎn)上。以下舉例。按鈕1會(huì)觸發(fā)bind和live的綁定事件。按鈕2會(huì)觸發(fā)live的綁定事件。

bind（）方法為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。bind（）方法的底層邏輯是on（）方法。 .bind() 方法是用于往文檔上附加行為的主要方式。

與bind()不同的是，live()一次只能綁定一個(gè)事件。這個(gè)方法跟傳統(tǒng)的bind很像，區(qū)別在于用live來(lái)綁定事件會(huì)給所有當(dāng)前以及將來(lái)在頁(yè)面上的元素綁定事件(使用委派的方式)。

jquery的click表示點(diǎn)擊事件，這個(gè)很好理解，on和bind都是表示綁定一個(gè)事件，bind是jquery7以前的版本方法，從7開(kāi)始，推出了on方法表示綁定，bind()，live()和delegate()都用了on()來(lái)表示，所以說(shuō)on是bind的替代者。

比如已廢棄的 delegate() 方法）。live()：$(selector).live(event，data，function)，其中event必需。規(guī)定附加到元素的一個(gè)或多個(gè)事件。由空格分隔多個(gè)事件。必須是有效的事件。

如果使用on的時(shí)候，不設(shè)置selector，那么on與bind就沒(méi)有區(qū)別了。（2）on綁定的事件處理函數(shù)，對(duì)于未來(lái)新增的元素一樣可以的，和delegate效果相同，而bind則不行。

分享名稱(chēng)：jquery的live jquery的live方法
分享路徑：http://muchs.cn/article44/dgjsghe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站改版、自適應(yīng)網(wǎng)站、ChatGPT、定制開(kāi)發(fā)、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)