jquery選擇器之獲取父級元素 同級元素 子元素

2021-07-28 14:23:22 字數 864 閱讀 1297

一、獲取父級元素

1、 parent([expr]): 獲取指定元素的所有父級元素

二、獲取同級元素:

2、nextall([expr]): 獲取指定元素後邊的所有同級元素

hello

hello again

and again

var p_nex = $("p").nextall().andself();

p_nex.addclass('p_next_all');

選擇p標籤後面的所有同級標籤,以及自己

5、prevall():獲取指定元素的前邊所有的同級元素,index由近及遠[0]->[n]

三、獲取子元素

1、查詢子元素方式1:>

例如:var anods = $("ul > a");查詢ul下的所有a標籤

2、查詢子元素方式2:children()

3、查詢子元素方式3:find()

children()和find()的異同:

1> children及find方法都用是用來獲得element的子elements的,兩者都不會返回 text node,就像大多數的jquery方法一樣。

3> find方法獲得所有下級元素,即:descendants of these elements in the dom tree

4> children方法的引數selector 是可選的(optionally),用來過濾子元素,但find方法的引數selector方法是必選的。

5> find方法事實上可以通過使用 jquery( selector, context )來實現。即$('li.item-ii').find('li')等同於$('li', 'li.item-ii').

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...

jQuery選擇器之全選擇器(選擇器)

jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...

jquery選擇器之層次選擇器

層次選擇器中包括 1 ancestor descendant 使用 form input 的形式選中form中的所有input元素.即ancestor 祖先 為from,descendant 子孫 為input.例 bgred div 選擇css類為bgred的元素中的搜有元素。2 parent c...