更新時間:2021-10-21 來源:黑馬程序員 瀏覽量:
jQuery 隱式迭代是對同一類元素做了同樣的操作。 如果想要給同一類元素做不同操作,就需要用到遍歷。
jQuery語法一:
$("div").each(function (index, domEle) { xxx; })1. each() 方法遍歷匹配的每一個元素。主要用DOM處理。 each 每一個。
2. 里面的回調(diào)函數(shù)有2個參數(shù): index 是每個元素的索引號; demEle 是每個DOM元素對象,不是jquery對象。
3. 所以要想使用jquery方法,需要給這個dom元素轉(zhuǎn)換為jquery對象 $(domEle)。
jQuery 隱式迭代是對同一類元素做了同樣的操作。 如果想要給同一類元素做不同操作,也需要用到遍歷。
語法2:
$.each(object,function (index, element) { xxx; })
1. $.each()方法可用于遍歷任何對象。主要用于數(shù)據(jù)處理,比如數(shù)組,對象
2. 里面的函數(shù)有2個參數(shù): index 是每個元素的索引號; element 遍歷內(nèi)容
案例:購物車案例模塊-計算總計和總額
1.核心思路:把所有文本框里面的值相加就是總計數(shù)量。總額同理
2.文本框里面的值不相同,如果想要相加需要用到each遍歷。聲明一個變量,相加即可
3.點擊+號-號,會改變總計和總額,如果用戶修改了文本框里面的值同樣會改變總計和總額
4.因此可以封裝一個函數(shù)求總計和總額的, 以上2個操作調(diào)用這個函數(shù)即可。
5.注意1: 總計是文本框里面的值相加用 val() 總額是普通元素的內(nèi)容用text()
6.要注意普通元素里面的內(nèi)容要去掉¥并且轉(zhuǎn)換為數(shù)字型才能相加
猜你喜歡: