.livejquery的簡單介紹

jQuery中l(wèi)ive函數(shù)的問題

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

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),安丘企業(yè)網(wǎng)站建設(shè),安丘品牌網(wǎng)站建設(shè),網(wǎng)站定制,安丘網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,安丘網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

live()方法用于為所選元素附加一個或多個事件處理程序。它還指定事件發(fā)生時運行的函數(shù)。通過 live() 方法所使用的事件處理程序?qū)⒂糜谂c選擇器匹配的當(dāng)前和未來元素(比如由腳本創(chuàng)建的新元素)。

.live()背后神奇的地方就在于它并不將事件綁定到你選定的elements上,而實際上是綁定到了DOM樹的跟節(jié)點,而是在element中就像一個參數(shù)一樣進行傳遞。那么當(dāng)你點擊一個元素時,事件就會在DOM樹上往上傳遞,直至到達根節(jié)點。

on():在被選元素及子元素上添加一個或多個事件處理程序。live():為被選元素附加一個或多個事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時運行的函數(shù)。

jQuery事件綁定方法bind,live,delegate和on的區(qū)別

1、.bind()是直接綁定在元素上 .live()則是通過冒泡的方式來綁定到元素上的。更適合列表類型的,綁定到document DOM節(jié)點上。和.bind()的優(yōu)勢是支持動態(tài)數(shù)據(jù)。

2、大括號替代方式:綁定較為靈活,可以給事件單獨綁定函數(shù);data:可選;需要傳遞的參數(shù);function:必需;當(dāng)綁定事件發(fā)生時,需要執(zhí)行的函數(shù);適用所有版本,但是根據(jù)guan 網(wǎng)解釋,自從jquery7版本以后bind()函數(shù)推薦用on()來代替。

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

4、作用不同 on():在被選元素及子元素上添加一個或多個事件處理程序。live():為被選元素附加一個或多個事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時運行的函數(shù)。

jquery1.7.2升級到1.9.1問題die()live()

補充一下1樓的答案,live是給所有匹配的元素附加一個事件處理函數(shù),即使這個元素是以后再添加進來的,但on、off方法是不能用來匹配以后添加進來的元素的。

比如9版本對于live(),die(),toggle(),sub(),$.browser等等都已經(jīng)不支持了。

live()方法用于為所選元素附加一個或多個事件處理程序。它還指定事件發(fā)生時運行的函數(shù)。通過 live() 方法所使用的事件處理程序?qū)⒂糜谂c選擇器匹配的當(dāng)前和未來元素(比如由腳本創(chuàng)建的新元素)。

綁定只對已經(jīng)生成的對象有用,因為你的住宿是動態(tài)生成的,所以在你執(zhí)行綁定函數(shù)是這個對象并不存在,所以并沒有綁定上。

die() 在版本 9 中被移除。移除所有通過 live() 方法添加的事件處理程序 error() 在版本 8 中被廢棄。

click 事件 dblclick() 觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 double click 事件 delegate() 向匹配元素的當(dāng)前或未來的子元素附加一個或多個事件處理器 die() 移除所有通過 live() 函數(shù)添加的事件處理程序。

jquery中on()方法和live()方法的區(qū)別

1、.live()則是通過冒泡的方式來綁定到元素上的。更適合列表類型的,綁定到document DOM節(jié)點上。和.bind()的優(yōu)勢是支持動態(tài)數(shù)據(jù)。

2、點擊div下面的P執(zhí)行alert;而on是在7之后新增的,是把bind,live,delegate全部合并在一起了,123$(div).on(click,p,function(){ alert(1); })不需要事件委托的時候把P去掉就會變成點擊div觸發(fā)了。

3、大括號替代方式:綁定較為靈活,可以給事件單獨綁定函數(shù);data:可選;需要傳遞的參數(shù);function:必需;當(dāng)綁定事件發(fā)生時,需要執(zhí)行的函數(shù);適用所有版本,但是根據(jù)guan 網(wǎng)解釋,自從jquery7版本以后bind()函數(shù)推薦用on()來代替。

4、第一種方法很好理解,其實就和普通JS的用法差不多,只是少了一個on而已 第三種方法都是綁定事件,但是二者又有很大的不同,下面著重講解一下,因為這個如果用到Jquery的框架的話是用的挺多的,尤其要注意二者的區(qū)別。

5、延時綁定事件功能不同:jquery $(#btn).click在文檔流中,后續(xù)通過腳本動態(tài)添加的元素(符合 id=#btn),是沒有綁定click事件的。

jquery如何獲取div中l(wèi)i元素

新建一個html文件,命名為test.html,用于講解JS如何獲取指定DIV下的子元素LI的值。在test.html文件內(nèi),在div標(biāo)簽內(nèi),使用ul、li標(biāo)簽創(chuàng)建兩個項目列表,li元素的值分別為項目項目二。

打開html開發(fā)工具,新建一個html代碼頁面。在html頁面創(chuàng)建三個p標(biāo)簽,給這三個p標(biāo)簽設(shè)置不同的內(nèi)容。引入jquery庫。在title標(biāo)簽后面引用下載好的jquery.js文件。

首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery,編寫問題基礎(chǔ)代碼。

jquery 獲取 div 之間的內(nèi)容,有兩種方法,$(selector).text()、$(selector).html()。html:test (div).text()得到的是 test,是 div 的純文本,會自動忽略 html 標(biāo)簽 。

JQuery無法動態(tài)獲取li標(biāo)簽從數(shù)據(jù)庫里讀取的值

1、首先獲取到數(shù)據(jù)。在這里模擬創(chuàng)建一個數(shù)組用于測試數(shù)據(jù)集。第二步,創(chuàng)建一個button點擊事件。用于動態(tài)觀察,同時創(chuàng)建ul標(biāo)簽下的廚師li標(biāo)簽元素,直觀的通過點擊button的點擊事件來觸發(fā)li標(biāo)簽的更改。

2、思路:為li對象添加單擊事件→事件觸發(fā)后利用innerHTML獲取li的文本。

3、是因為你把調(diào)用JS方法寫在了href屬性里面,href屬性一般是用來跳轉(zhuǎn)頁面的。

4、DataList編譯的時候會生成多余的html代碼(對頁面右鍵查看源文件即可看到),如果你一定要用DataList來寫,那就只能以最終生成的html代碼為條件(就是頁面右鍵源文件中的html代碼),進行jquery查詢。

新聞標(biāo)題:.livejquery的簡單介紹
轉(zhuǎn)載源于:http://muchs.cn/article12/disoddc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、虛擬主機、網(wǎng)站改版、響應(yīng)式網(wǎng)站、服務(wù)器托管、App設(shè)計

廣告

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

成都網(wǎng)頁設(shè)計公司