jquery的live jquery的live方法

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

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

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

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

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

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

jQuery的live()方法怎么用?

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

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

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

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

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

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

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

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

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

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

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

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

分享名稱：jquery的live jquery的live方法
分享路徑：http://bm7419.com/article44/dgjsghe.html

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

廣告

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