JQuery元素獲取

2021-09-09 01:12:06 字數 1873 閱讀 8124

前言:這是本類別博文jquery即用即查開篇。

因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。

寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。

寫的都是常用的一些,前提是你對jquery命令有一定了解,且有jquery手冊。

第一篇:jquery元素獲取常見用法

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獲取子元素 1.children 方法 獲取該元素下的直接子集元素 2.find 方法 獲取該元素下的所有子集元素 例如 ul children li 判斷當前元素是否含有某子元素 has 方法 例如 我判斷多級選單中,在有二級選單的一級選單加上下拉三角。html結構 menu1 has...