JQuery元素獲取常見用法

2021-07-04 07:55:01 字數 1598 閱讀 2251

1、利用標籤名獲取元素

$(「標籤名」)

2、通過id獲取元素

$(「#id_name」)

3、通過 類名獲取元素

$(「.classname」)

4、一次性獲取多個元素

$(「元素名, 元素名, 元素名 ….」)

5、通過指定層次關係獲取元素 (「

祖先子孫

」)(「父 > 子」) (「

前+後」

) (「兄 ~ 弟」)

6、根據元素的屬性值獲取元素

[attribute]

[attribute = value]

[attribute != value]

[attribute ^= value]

[attribute $= value]

[attribute *= value]

7、通過過濾器獲取元素

$(「元素名:過濾器」)

過濾器列表

:first

:last

:not(filter)

:even

:odd

:eq(index)

:lt(index)

:gt(index)

:header

:animated

:contains(text)

:empty

:has(selector)

:parent【注:這個是獲取非空元素不是父元素】

8、獲取表單元素

$(「:表單過濾器名」)

獲取表單元素的方法

:input

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

【注:表單標籤也是標籤,同樣可以利用標籤名獲取,不過有些標籤型別多樣可以加過濾器加以區分。如:$(「input:text」)】

9、通過過濾器獲取表單元素

:enable 獲取可輸入狀態的元素

:disabled 獲取不可輸入狀態的元素

:checked 獲取選中元素的元素

:selected 獲取下拉框中選中狀態的元素

10、從集合元素中通過指定序號獲取元素

$(「元素名」).eq(index)

11、獲取指定條件一致的元素

$(「元素名」).filter(expr)

12、獲取指定範圍的元素

$(「元素名」).slice(start,[end])

13、獲取與條件表示式一致的元素

$(「元素名」).is(expr)

14、獲取元素的下乙個元素

$(「元素名」).next([expr])

15、獲取元素的前乙個元素

$(「元素名」).prev([expr])

16、獲取元素的父元素

$(「元素名」).parent([expr])

17、獲取元素的子元素

$(「元素名」).children([expr])

JQuery元素獲取

前言 這是本類別博文jquery 即用即查開篇。因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。寫的都是常用的一些,前提是你對jquery命令...

jquery元素獲取

一 獲取父級元素 1 parent expr 獲取指定元素的所有父級元素 href fir href sec href thr href fiv document ready function firebug檢視jquery parent效果 二 獲取同級元素 1 next expr 獲取指定元素的...

JQuery元素獲取

前言 這是本類別博文jquery即用即查開篇。因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。寫的都是常用的一些,前提是你對jquery命令有...