jQuery遍歷中的方法

jQuery遍歷

向上遍歷DOM-祖先

parent() 方法:返回被選元素的直接父元素

parents()方法:返回被選元素的所有父元素

parentsUntil()方法:返回被選元素的父元素直到某個(gè)父元素為止

后代

children():方法返回被選元素的所有直接子元素。該方法只會(huì)向下一級(jí)對(duì) DOM 樹(shù)進(jìn)行遍歷扯躺。即不包括孫節(jié)點(diǎn)镀娶。

find():方法返回被選元素的后代元素翠霍,一路向下直到最后一個(gè)后代牲剃。

同胞(下)

siblings() :方法返回被選元素的所有同胞元素纹冤。

$("h2").siblings("p");也可以這樣指定兄弟元素中的某個(gè)

next() :方法返回被選元素的下一個(gè)同胞元素讶踪。

nextAll() :方法返回被選元素的所有跟隨的同胞元素讲婚。

nextUntil() :方法返回介于兩個(gè)給定參數(shù)之間的所有跟隨的同胞元素。

同胞(上)

prev():方法返回被選元素的上一個(gè)同胞元素俊柔。

prevAll() :方法返回被選元素的上邊的所有同胞元素。

?prevUntil():方法返回介于兩個(gè)給定參數(shù)之間的所有上面guol的的同胞元素活合。

過(guò)濾

first(): 方法返回被選元素的首個(gè)元素雏婶。

$("div p").first()

last() :方法返回被選元素的最后一個(gè)元素

eq() 方法返回被選元素中帶有指定索引號(hào)的元素。 索引從0開(kāi)始白指。

$("ul li").eq(0).width(200);

?$("ul li:eq(0)").height(200);這兩種方法效果一樣留晚。

filter() 方法:不匹配這個(gè)標(biāo)準(zhǔn)的元素會(huì)被從集合中刪除,匹配的元素會(huì)被返回

$("p").filter(".url") 返回帶有class名為url的p元素

not() 方法返回不匹配標(biāo)準(zhǔn)的所有元素告嘲,與filter() 方法相反错维。

is()方法?用于查看選擇的元素是否匹配選擇器

例:name屬性為checkall的input標(biāo)簽,input標(biāo)簽的checked屬性為checked,即checkbox被選上了

????????$('input[name="checkall"]').is(':checked')

冒號(hào)類(lèi)似于一個(gè)選擇器橄唬,代表前面這個(gè)對(duì)象的屬性

has() 方法 返回?fù)碛衅ヅ渲付ㄟx擇器的一個(gè)或多個(gè)元素在其內(nèi)的所有元素

$("p,h3,div").has("span")? 返回內(nèi)部擁有span元素的p,h3,div元素

contents() 方法返回所有直接子元素赋焕,包括被選元素的文本和注釋節(jié)點(diǎn),與?children()?方法類(lèi)似仰楚,不同的是它返回的是文本和注釋節(jié)點(diǎn) 隆判。

查找div元素中的em標(biāo)簽中的文本節(jié)點(diǎn),并用b標(biāo)簽包裹
$("div").contents().filter("em").wrap("<b/>");

each()方法

例:輸出每個(gè)li中的值
$("li").each(function(){

????alert($(this).text())

}

prop()方法

$x.prop("color","FF0000");? 為x對(duì)象設(shè)置屬性

$x.removeProp("color"); 為x對(duì)象移除屬性

closest() 方法

返回被選元素的第一個(gè)父元素僧界,祖先是父侨嘀、祖父、曾祖父捂襟,依此類(lèi)推咬腕。

$("span").closest("ul")? ?span的第一個(gè)ul祖先元素

add() 方法

把元素添加到已存在的元素組合中

$("h1").add("p").add("span").css("background-color","yellow");

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市葬荷,隨后出現(xiàn)的幾起案子涨共,更是在濱河造成了極大的恐慌,老刑警劉巖闯狱,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件煞赢,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡哄孤,警方通過(guò)查閱死者的電腦和手機(jī)照筑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人凝危,你說(shuō)我怎么就攤上這事波俄。” “怎么了蛾默?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵懦铺,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我支鸡,道長(zhǎng)冬念,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任牧挣,我火速辦了婚禮急前,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘瀑构。我一直安慰自己裆针,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布寺晌。 她就那樣靜靜地躺著世吨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪呻征。 梳的紋絲不亂的頭發(fā)上耘婚,一...
    開(kāi)封第一講書(shū)人閱讀 51,443評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音怕犁,去河邊找鬼边篮。 笑死,一個(gè)胖子當(dāng)著我的面吹牛戈轿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播阵子,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼挠进!你這毒婦竟也來(lái)了色乾?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤暖璧,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后君旦,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體嘲碱,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年麦锯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片琅绅。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖千扶,靈堂內(nèi)的尸體忽然破棺而出料祠,到底是詐尸還是另有隱情,我是刑警寧澤术陶,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站煤痕,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏接谨。R本人自食惡果不足惜摆碉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望脓豪。 院中可真熱鬧巷帝,春花似錦、人聲如沸扫夜。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)笤闯。三九已至堕阔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間颗味,已是汗流浹背超陆。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留浦马,地道東北人时呀。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像晶默,于是被迫代替她去往敵國(guó)和親谨娜。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 一:認(rèn)識(shí)jquery jquery是javascript的類(lèi)庫(kù)磺陡,具有輕量級(jí)趴梢,完善的文檔漠畜,豐富的插件支持,完善的Aj...
    xuguibin閱讀 1,710評(píng)論 1 7
  • 通過(guò)jQuery垢油,您可以選扰杈浴(查詢(xún),query)HTML元素滩愁,并對(duì)它們執(zhí)行“操作”(actions)躯喇。 jQuer...
    枇杷樹(shù)8824閱讀 656評(píng)論 0 3
  • //------------------------- 第一章 認(rèn)識(shí)JQuery ----------------...
    米塔塔閱讀 718評(píng)論 0 9
  • JQuery 1、JQuery特點(diǎn) (1)輕量級(jí)(2)鏈?zhǔn)秸Z(yǔ)法(3)簡(jiǎn)單(4)寫(xiě)的更少硝枉,做的更多 2廉丽、本地調(diào)用: ...
    Lizzy95閱讀 263評(píng)論 0 1
  • Attribute: $("p").addClass(css中定義的樣式類(lèi)型); 給某個(gè)元素添加樣式 $("img...
    撲克臉_457e閱讀 570評(píng)論 0 1