jquery 中Map each的應用

2022-04-04 19:27:55 字數 1074 閱讀 4126

map官方定義:將一組陣列轉換為其他陣列。

通俗一點說:也就是根據當前陣列建立乙個新的陣列,怎麼建立由自己來定義

map的語法: $.map(arr,callback);

arr為當前陣列,callback為要執行的方法也就是如何改變這個陣列

下面我們做乙個例子來實驗一下:

//宣告乙個陣列

var arr = [1, 2, 3];

//將陣列轉換成另乙個陣列,第乙個引數為要轉換的陣列,第二個引數為執行的方法

var arr2 = $.map(arr, function (item) );

//function(item)當中的引數item為當前陣列的每乙個元素。

建立arr2的陣列,然後我們需要迴圈遍歷輸出此陣列:

在jquery中沒有foreach,那麼我們需要用另乙個函式來代替c#中的foreach,即each

each的語法: $.each(arr,function(){});

第乙個引數為要迴圈的物件,第二個引數為執行的方法

也可以這麼寫:$("div").each(function(){});

這句**的意思為:在所有div標籤的元素當中執行後面的方法.

如果沒有找到則返回false,結束執行相當於c#中的break

方法中不傳入引數則this就是當前的迴圈的中的元素

現在我們試著迴圈此陣列:

//遍歷輸出陣列,each相當於foreach 第乙個引數為要輸出的陣列,第二個引數為怎麼輸出,不傳參則用this代替陣列中的元素

$.each(arr2, function () );

//鍵值對的陣列,鍵值對的陣列用大括號

var jian = ;

$.each(jian, function (k, v) );

//如果只是普通的遍歷用不帶引數的方法,如果是鍵值對則用帶參的.

each陣列還可以用於鍵值對陣列的輸出

$.each(jian, function (k, v));

k表示鍵 v 表示值

這大概相當於c#中的dictionary。

jQuery中的動畫 《鋒利的JQuery》

自css3以來,主流 開始偏向於扁平風格和動畫效果,這時就可以jquery的動畫就可以發揮其長處了,靈活的應用其動畫api,讓我們可以設計出很多絢麗的效果。下面,讓我們來列舉一些jquery常用的動畫api。1 show 和hide 方法 1 從display none還原元素預設或已設定的disp...

jquery學習(六) jquery中的動畫

參考鋒利的jquery第二版 1.show和hide方法 呼叫方法 element.hide 隱藏元素,element.show 顯示元素。其實說白了,其原理就是將元素的樣式display值設定為none或block。若想讓元素慢慢隱藏或顯示,可以為其新增乙個速度的引數,如element.show ...

jQuery 中的動畫

用jquery 做動畫效果要求在標準模式下,否則可能會引起動畫抖動。標準模式即要求檔案頭部包含如下的dtd定義 jquery 中的任何動畫效果,都可以指定3種速度引數,即 slow normal fast 時間長度分別為0.6s,0.4s,0.2s 1.fadein 與fadeout 方法 只改變元...