jQuery怎樣遍歷元素？

jQuery 隱式迭代是對(duì)同一類元素做了同樣的操作。 如果想要給同一類元素做不同操作，就需要用到遍歷。
jQuery語(yǔ)法一：

$("div").each(function (index, domEle) { xxx; }）

2. 里面的回調(diào)函數(shù)有2個(gè)參數(shù)：  index 是每個(gè)元素的索引號(hào);  demEle 是每個(gè)DOM元素對(duì)象，不是jquery對(duì)象。

3. 所以要想使用jquery方法，需要給這個(gè)dom元素轉(zhuǎn)換為jquery對(duì)象  $(domEle)。

jQuery 隱式迭代是對(duì)同一類元素做了同樣的操作。 如果想要給同一類元素做不同操作，也需要用到遍歷。

語(yǔ)法2：

$.each(object，function (index, element) { xxx; }）

1. $.each()方法可用于遍歷任何對(duì)象。主要用于數(shù)據(jù)處理，比如數(shù)組，對(duì)象

2. 里面的函數(shù)有2個(gè)參數(shù)：  index 是每個(gè)元素的索引號(hào);  element  遍歷內(nèi)容

案例：購(gòu)物車案例模塊-計(jì)算總計(jì)和總額

1.核心思路：把所有文本框里面的值相加就是總計(jì)數(shù)量。總額同理

2.文本框里面的值不相同，如果想要相加需要用到each遍歷。聲明一個(gè)變量，相加即可

3.點(diǎn)擊+號(hào)-號(hào)，會(huì)改變總計(jì)和總額，如果用戶修改了文本框里面的值同樣會(huì)改變總計(jì)和總額

4.因此可以封裝一個(gè)函數(shù)求總計(jì)和總額的， 以上2個(gè)操作調(diào)用這個(gè)函數(shù)即可。

5.注意1： 總計(jì)是文本框里面的值相加用 val()     總額是普通元素的內(nèi)容用text()  

6.要注意普通元素里面的內(nèi)容要去掉￥并且轉(zhuǎn)換為數(shù)字型才能相加

猜你喜歡：

jQuery元素內(nèi)容操作的方法有多少種？

jQuery有什么特點(diǎn)？如何下載安裝jQuery？

jQuery的語(yǔ)法有什么特點(diǎn)？

jQuery選擇器及用法大全

黑馬程序員前端與移動(dòng)開發(fā)培訓(xùn)