JS和jQuery查詢元素的方法總結

2021-09-25 06:47:34 字數 979 閱讀 5292

在js中:

1.元素.children     找到該元素的所有子元素

2.元素.childnodes     找到該元素的所有子節點

3. 元素.parentnode   找到父節點,也是父元素,因為只有元素才會有子節點

4.元素.parentelement   找到父元素,其實和parentnode是差不多的,只不多parentelement不是標準屬性,是ie弄出來的屬性,他們的區別還有: parentnode最高能找到document,而parentelement最高只能找到html,原因是document是乙個節點,但不是元素。

5.元素.nextsibling   找到該元素的下乙個兄弟節點,可能是文字、注釋、標籤;

6.元素.nextelementsibling   找到該元素的下乙個兄弟元素,只找到標籤,若該元素已經是最後乙個,下面沒有兄弟元素了,返回null。ps:ie8及之前的老版本瀏覽器支援。

7.元素.previoussibling   找到該元素的上乙個兄弟節點,可能是文字、注釋、標籤;

8.元素.previouselementsibling   找到該元素的上乙個兄弟元素,只找到標籤,若該元素已經是第乙個,上面沒有兄弟元素了,返回null。ps:ie8及之前的老版本瀏覽器支援。

9.元素.firstchild;   找到該元素的第乙個兄弟節點,可能是文字、注釋、標籤;

10.元素.firstelementchild;   找到該元素的第乙個子元素(標籤);

11.元素.lastchild;   找到該元素的最後乙個兄弟節點,可能是文字、注釋、標籤;

12.元素.lastelementchild;   找到該元素的最後乙個子元素(標籤);

jquery查詢元素

一 查詢元素 所有元素 element 該名稱的所有元素 p,input id 擁有指定id屬性的元素 class 擁有所有指定class屬性的元素 selector1,selector2 能匹配多個選擇器的元素 二 基本選擇器 div p 乙個元素是另乙個元素的後代 div p parent ch...

JS和Jquery對元素操作的差異

1.設定按鈕失效的方法 html js document.getelementbyidx btn d isabled true jquey btn attr disabled true 2.設定按鈕可用的方法 js document.getelementbyidx btn d isabled fal...

jquery 查詢元素技巧

div id 查詢所有含有 id 屬性的div元素。div id ajaxa 查詢 id 為 ajaxa 的 div 元素。div id ajaxa 查詢 id 不為 ajaxa 的 div 元素。div id ajaxa 查詢 id 以 ajaxa 開頭的 div 元素。div id ajaxa ...