原生JS jQuery 遍歷方法總結

一、原生js: foreach()和map()遍歷

共同點：

1.都是迴圈遍歷陣列中的每一項。

2.foreach() 和 map() 裡面每一次執行匿名函式都支援3個引數：陣列中的當前項item,當前項的索引index,原始陣列input。

3.匿名函式中的this都是指window。

4.只能遍歷陣列。

(1)、foreach() :沒有返回值

var arr = [12,23,24,42,1];

var res = arr.foreach(function (item,index,input) )
console.log(res);//-->undefined;
console.log(arr);//-->會對原來的陣列產生改變；

var arr = [1,2,3,4,5];

var res = arr.map(function (item,index,input) )
console.log(res);//-->[10,20,30,40,50];
console.log(arr);//-->[1,2,3,4,5]；

共同點：

即可遍歷陣列，又可遍歷物件。

(1)、$.each():沒有返回值.支援的匿名函式有2個引數：如果遍歷的是陣列，i為當前項的索引，n為陣列中的當前項。如果遍歷的是物件，k 是鍵，n 是值。

//陣列:i為索引，n為值

$.each( [1，2，3，4], function(i, n));
//物件：k為鍵名，n為值
$.each( , function(k, n));

//陣列：n為值，i為索引

var arr=$.map( [0,1,2], function(n,i));
console.log(arr);
//物件：n為值，k為鍵名
$.map(,function(n,k));

js jQuery 原生分頁器

引入jquery外掛程式 引入page.js檔案 在文章的最後面 css 外面盒子樣式 自己定義 page div 頁數按鈕樣式 page div button firstpage,lastpage,nextpage,prepage nextpage,prepage page div current...

JS Jquery 中 的遍歷

1.foreach是js中遍歷陣列的方法，如下 var arr 1,2,3,4 arr.foreach function val,index,arr console.log arr 結果是修改了原陣列，為每個數乘以22.each 是jquery中遍歷陣列的方法，如下 var arr 1,2,3,4 ...

原生js jQuery實現選項卡功能

在大家在網上平常瀏覽網頁的時候，想必各位都會看到選項卡功能，在這裡給大家詳解一下用原生js jquery如何來寫一些基本的選項卡 話不多說，先給各位看一下功能圖 好了，下邊開始寫 了 html ul li class click red li li blue li li yellow li ul d...