資源描述:
《淺析jquery遍歷函數(shù),javascript中的each遍歷》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、淺析jQuery遍歷函數(shù),javascript中的each遍歷下面小編就為大家?guī)?lái)一篇淺析jQuery遍歷函數(shù),javascript中的each遍歷。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。jQuery遍歷函數(shù)jQuery遍歷函數(shù)包括了用于篩選、查找和串聯(lián)元素的方法。函數(shù)描述?add()將元素添加到匹配元素的集合中。.andSelf0把堆棧中之前的元素集添加到當(dāng)前集合中。.children()獲得匹配元素集合中每個(gè)元素的所有子元素。.closest()從元素本身開(kāi)始,逐級(jí)向上級(jí)元素匹配,并返回最先匹配的祖先元素。.contents()獲得匹配元素
2、集合中每個(gè)元素的子元素,包括文本和注釋節(jié)點(diǎn)。?each()對(duì)jQuery對(duì)象進(jìn)行迭代,為每個(gè)匹配元素執(zhí)行函數(shù)。?end()結(jié)束當(dāng)前鏈中最近的一次篩選操作,并將匹配元素集合返回到前一次的狀態(tài)。?eq()將匹配元素集合縮減為位于指定索引的新元素。?filter()將匹配元素集合縮減為匹配選擇器或匹配函數(shù)返回值的新元素。.find()獲得當(dāng)前匹配元素集合中每個(gè)元素的后代,由選擇器進(jìn)行篩選。.first()將匹配元素集合縮減為集合中的第一個(gè)元素。?has()將匹配元素集合縮減為包含特定元素的后代的集合。?is()根據(jù)選擇器檢查當(dāng)前匹配元素集合,如果存在至少一個(gè)匹配元素
3、,貝y返回true。?last()將匹配元素集合縮減為集合中的最后一個(gè)元素。.map()把當(dāng)前匹配集合中的每個(gè)元素傳遞給函數(shù),產(chǎn)生包含返回值的新jQuery對(duì)象。.next()獲得匹配元素集合中每個(gè)元素緊鄰的同輩元素。?nextAH()獲得匹配元素集合中每個(gè)元素之后的所有同輩元素,由選擇器進(jìn)行篩選(可選)o.nextUntil()獲得每個(gè)元素之后所有的同輩元素,直到遇到匹配選擇器的元素為止。.notO從匹配元素集合中刪除元素。.offsetParent()獲得用于定位的第一個(gè)父元素。?pdrent()獲得當(dāng)前匹配元素集合中每個(gè)元素的父元素,由選擇器篩選(可選)
4、o.parents()獲得當(dāng)前匹配元素集合中每個(gè)元素的祖先元素,由選擇器篩選(可選)o.parentsUnt訂()獲得當(dāng)前匹配元素集合中每個(gè)元素的祖先元素,直到遇到匹配選擇器的元素為止。.prev()獲得匹配元素集合中每個(gè)元素緊鄰的前一個(gè)同輩元素,由選擇器篩選(可選)o.prevA110獲得匹配元素集合中每個(gè)元素之前的所有同輩元素,由選擇器進(jìn)行篩選(可選)o.prevUntilO獲得每個(gè)元素之前所有的同輩元素,直到遇到匹配選擇器的元素為止。.siblings()獲得匹配元素集合中所有元素的同輩元素,由選擇器篩選(可選)o.slice()將匹配元素集合縮減為指定
5、范圍的子集。each的用法nbsp;1.數(shù)組中的each「〃〃〃丄〃〃丄1〃〃q〃-]11vararr=Lone,two,three,four」;nbsp;nbsp;nbsp;$?each(arr,function(){nbsp;nbsp;nbspjalert(this);nbsp;nbsp;nbsp;});nbsp;〃上面這個(gè)each輸出的結(jié)果分別為:one,two,three,fournbsp;vararrl=[[1,4,3],[4,6,6],[7,20,9]]nbsp;nbsp;$?each(arrl,function(i,item){nbsp;nbsp
6、;nbsp;alert(item[0]);nbsp;nbsp;});nbsp;nbsp;//其實(shí)arrl為一個(gè)二維數(shù)組,item相當(dāng)于取每一個(gè)一維數(shù)組,nbsp;//item[0]相對(duì)于取每一個(gè)一維數(shù)組里的第一個(gè)值nbsp;//所以上面這個(gè)each輸出分別為:Inbsp;4nbsp;7nbsp;nbsp;varobj={one:1,two:2,three:3,four:4};nbsp;nbsp;$?each(obj,function(i){nbsp;nbsp;nbsp;alert(obj[i]);nbsp;nbsp;nbsp;});nbsp;//這個(gè)each就
7、有更厲害了,能循環(huán)每一個(gè)屬性nbsp;nbsp;//輸出結(jié)果為:lnbsp;2342.遍歷Dom元素中It;htmlgt;It;headgt;It;scripttype二〃text/javascript^src二〃/jquery/jquery.js〃gt;It;/scriptgt;It;scripttype二〃text/javascript〃gt;$(document)?ready(function(){nbsp;$("button“)?click(funotion(){nbsp;$(z/li〃)?each(function(){nbsp;nbsp;alert
8、($(this).text())nbs