1. 程式人生 > >jQuery .each()方法與.data()方法

jQuery .each()方法與.data()方法

.each(callback):

  • 每次執行傳遞進來的函式時,函式中的this關鍵字都指向一個不同的DOM元素(每次都是一個不同的匹配元素)。而且,在每次執行函式時,都會給函式傳遞一個表示作為執行環境的元素在匹配的元素集合中所處位置的數字值作為引數(從零開始的整型)。 返回 'false' 將停止迴圈 (就像在普通的迴圈中使用 'break')。返回 'true' 跳至下一個迴圈(就像在普通的迴圈中使用'continue')。

  • 引數claaback:對於每個匹配的元素所要執行的函式
//return false跳出迴圈
//return跳出這一層迴圈,繼續迴圈下面的
//語法1:遍歷jQuery物件
//要注意this是誰(選擇器選中的標籤)
$("div").each(function(){...})

//語法2:遍歷陣列物件
var li = [1,2,3,4,5,6];
$.each(li,function(k,v){
    console.log(k,v);
});

data([key],[value])

  • removeData(key):刪除資料
  • 在元素上存放或讀取資料(任何資料,甚至包括一個jQuery物件),返回jQuery物件。
  • 引數:key儲存的資料名,後續可使用資料名取出資料,value:將要儲存的資料(任何資料)
//在一個div上存取資料
$("div").data("blah");  // undefined
$("div").data("blah", "hello");  // blah設定為hello
$("div").data("blah");  // hello
$("div").data("blah", 86);  // 設定為86
$("div").data("blah");  //  86
$("div").removeData("blah");  //移除blah
$("div").data("blah");  // undefined