Jquery獲取元素方法

2021-09-08 13:25:24 字數 2907 閱讀 8490

參考:1、

jquery 獲取元素的方法分為兩種:jquery選擇器、jquery遍歷函式。

選擇器例項說明

#id$('#myid')

id選擇器: 可以獲取到id為「myid」的所有元素,區分大小寫

b1.jquery選擇器

選擇器例項說明

.class

$('.myclass')

類選擇器:可以獲取到class為『myclass』的所有元素

element

$('p')

獲取所有的元素

:header

$(':header')

獲取所有的標題元素:~

:animated

$(':animated')

獲取所有的動畫元素

:contains(text)

$('p:contains(hello)')

獲取所有包含文字為hello的元素,中間的文字區分大小寫

:hidden

$(':hidden')

獲取所有的隱藏元素:width和height為0、display:none、type=hidden、

[attribute]

$('[href]')

屬性選擇器:獲取所有含有屬性為href的元素

[attribute=value]

$('[href=a.html]')

=   獲取所有帶有屬性href,並且值為a.html的元素

!=  獲取所有帶有屬性href,並且值不等於為a.html的元素

$=  獲取所有帶有屬性href,並且值以a.html結尾的元素

^=  獲取所有帶有屬性href,並且值以a.html開頭的元素

~=  獲取所有帶有屬性href,並且值包含單詞」a.html「的元素

*=  獲取所有帶有屬性href,並且值包含文字」a.html「的元素

:input

$(':input')

獲取所有input元素

:radio

$(':radio')

所有帶有 type="radio" 的 input 元素

相似的有:

:text、:chexbox、:password、:submit、:reset、:button、:file

:enabled

$(':enabled')

所有啟用的input元素。 :disabled  則相反

:checked

$(':checked')

所有選中的input選擇(單選框、核取方塊)

:gt(index)

$('p:gt(2)')

index從0開始,獲取index大於(不包含)2的所有元素

:lt(index)

$('p:lt(2)')

index從0開始,獲取index小於(不包含)2的所有元素

:even

$('tr:even')

所有偶數元素

:odd

$('tr:odd')

所有奇數元素

b2.jquery選擇器jquery遍歷函式混合

選擇器例項說明

:first

$('p:first')

第乙個元素

:last

$('p:last')

最後乙個元素

:eq(index)

$("p:eq(1)")

第二個元素,index從0開始

b3.jquery遍歷函式

方法描述

eq()

返回帶有被選元素的指定索引號的元素

first()

返回被選元素的第乙個元素

last()

返回被選元素的最後乙個元素

2、選擇同級元素

jquery選擇器

$('div + p') 每個div相鄰的下乙個元素

$('div ~ p') 獲取跟div同級的所有的元素

jquery遍歷函式

next() 返回被選元素的後乙個同級元素

nextall() 返回被選元素之後的所有同級元素

prev() 返回被選元素的前乙個同級元素

prevall() 返回被選元素之前的所有同級元素

3、獲取父級元素

jquery選擇器

$("p:parent")獲取所有p元素的父級元素

jquery遍歷函式

parent() 獲取被選元素的父級元素

parents() 獲取被選元素的所有祖先元素

4.獲取子級元素

jquery選擇器

$('div > p') 獲取div直接子元素的所有元素

$('div p') 獲取div所有後代的元素

jquery遍歷函式

children() 返回被選元素的所有直接子元素

contents() 返回被選元素的所有直接子元素(包含文字和注釋節點)

find() 返回被選元素的後代元素

舉例:1、$('#id1 > div:eq(3) > button') 獲取id為id1的第三個div子元素的所有button的子元素

jQuery獲取元素的方法

jquery獲取元素的方法 普通方法 1 頁面載入就執行 document ready function function jquery document ready function jquery function 對應js的方法 window.onload function 2 根據id獲取元素...

JQuery獲取元素的方法總結

jquery定位元素的方法有兩種,一種是通過jquery 選擇器來選擇元素,可以直接獲取單個或批量的元素 另一種是通過jquery 遍歷相關來選擇元素,這種方法常用在獲取層級較複雜的頁面中的元素。通過元素的性質,id,class等獲取元素,常見語法為 idname classname p 等。以元素...

JQuery元素獲取

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