jQuery獲取元素的方法

2021-08-02 08:29:26 字數 3673 閱讀 7542

jquery獲取元素的方法

普通方法

1、頁面載入就執行

$(document).ready(function()) ;

$(function()) ;

jquery(document).ready(function()) ;

jquery(function()) ;

對應js的方法

window.onload = function()

2、根據id獲取元素

$(msg)

$("#msg")

3、直接根據元素名稱獲取元素

$("div,p")

對應js的方法

document.getelementsbytagname("input")

4、根據樣式獲取元素

$(".temp")

5、取得所有元素

$("*")

高階方法

1、根據元素層次選取

span裡面的p,可以不相鄰

$("span p")

$("span").find("p")

span裡面的p,需要相鄰

$("span>p")

$("span").children("p")

span同級後乙個且為p

$("span+p")

$("span").next("p")

span同級後面所有的p

$("span~p")

$("span").nextall("p")

2、根據索引

第乙個div,不分層次

$("div:first")

$("div").first()

最後乙個span,不分層次

$("span:last")

$("span").last()

腳標為奇數的p,不分層次,腳標從0開始

$("p:odd")

腳標為偶數的p,不分層次,腳標從0開始

$("p:even")

腳標大於某數的p,腳標大於0,就是從第二個開始

$("p:gt(0)")
腳標小於某數的p,腳標小於2,就是取前2個
$("p:lt(2)")
腳標等於某數的p,腳標等於1,就是取第二個
$("p:eq(1)")

3、排除某個元素

span裡面所有,除了h3

$("span *:not (h3)")

4、獲取表單元素

$(":input")
$(":text")
$(":password")
$(":radio")
$(":checkbox")
$(":button")
$(":submit")
$(":reset")
$(":file")
$(":image")
$(":hidden")

5、根據內容獲取元素

某個p元素裡面的文字帶有h,則該p為要選擇的元素

$("p:contains('h')")

6、根據屬性內容

含有屬性為neirong的p元素

$("p[neirong]")
屬性為neirong,且屬性的值為aaa

$("p[neirong=aaa]")
沒有此屬性或者屬性的值不為指定內容

$("p[neirong!=bbb]")
屬性的值以指定內容開頭
$("p[neirong^=aab]")
屬性的值以指定內容結尾
$("p[neirong$=bcc]")
屬性的值包含指定內容
$("p[neirong*=aa]")

7、查詢子元素

查詢父元素的第乙個子元素,查詢tr的第乙個子元素,任何乙個tr的第乙個子元素都會被選擇,腳標從1開始

$("td:nth-child(1)")

$("td:first-child")

查詢腳標是奇數的子元素,腳標從1開始

$("td:nth-child(odd)")

查詢做為父元素「獨生子」的子元素

$("td:only-child")

8、其它

選擇所有標題元素,h1~h6

$(":header")
選擇空元素,

$(":empty")
選擇非空元素
$("p:parent")

選擇含有指定子元素的元素,某個span具有子元素p(不用相臨),則span為要選擇的元素

$("span:has('p')")
找到某個元素的父元素,找到p元素的父元素span(需要相臨),span為要選擇的元素

$("p").parent("span")

操作可見元素,預設是可見,或者新增樣式p

$("p:visible")

操作不可見元素,p

$("p:hidden")

5、例子

$("div>span+*:not(h3)")
div內層元素(相臨)中的span後面的第乙個被選中,除了span後面第乙個是h3

Jquery獲取元素方法

參考 1 jquery 獲取元素的方法分為兩種 jquery選擇器 jquery遍歷函式。選擇器例項說明 id myid id選擇器 可以獲取到id為 myid 的所有元素,區分大小寫 b1.jquery選擇器 選擇器例項說明 class myclass 類選擇器 可以獲取到class為 mycla...

JQuery獲取元素的方法總結

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

JQuery元素獲取

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