jquery中ON方法的使用

2022-05-02 23:06:10 字數 686 閱讀 8884

以前在jquery中繫結動態元素一直使用live,現在才發現live已經被拋棄了,現在如果想實現live方法,可以使用最新的on方法,具體使用如下:

live()寫法

$('#list li').live('click', '#list li', function() ); 

on()寫法

$(document).on('click', '#list li', function() );

這裡的關鍵就是第二個引數'selector'在起作用了。它是乙個過濾器的作用,只有被選中元素的後代元素才會觸發事件。

替換delegate()

delegate()是1.4引入的,目的是通過祖先元素來**委派後代元素的事件繫結問題,某種程度上和live()

優點相似。只不過live()是通過document元素委派,而delegate則可以是任意的祖先節點。使用on()實現**的寫法和

delegate()基本一致。

delegate()的寫法

$('#list').delegate('li', 'click', function() );

on()寫法

$('#list').on('click', 'li', function() );

貌似第乙個和第二個引數的順序顛倒了一下,別的基本一樣。

JQuery中 cookie 方法的使用

jquery.cookie.js外掛程式 新增cookie cookie cookiename cookievalue 注 如果沒有設定cookie的有效期,則cookie預設在瀏覽器關閉前都有效,故被稱為 會話cookie 建立乙個cookie並設定有效時間為7天 cookie cookienam...

jQuery中 each 方法的使用

each 是對陣列,json和dom結構等的遍歷,說一下他的使用方法吧。1 遍歷一維陣列 var arr1 aa bb cc dd each arr1,function i,val 輸出的結果為 0 aaa,bbb 0 aaa 1 bbb 1 ccc,ddd 0 ccc 1 ddd 2 eee,ff...

jQuery中 each 方法的使用

each 是對陣列,json和dom結構等的遍歷,說一下他的使用方法吧。1 遍歷一維陣列 var arr1 aa bb cc dd each arr1,function i,val 輸出的結果為 0 aaa,bbb 0 aaa 1 bbb 1 ccc,ddd 0 ccc 1 ddd 2 eee,ff...