JQuery獲取元素的方法總結

2021-09-07 18:39:45 字數 1381 閱讀 6916

jquery定位元素的方法有兩種,一種是通過jquery 選擇器來選擇元素,可以直接獲取單個或批量的元素;另一種是通過jquery 遍歷相關來選擇元素,這種方法常用在獲取層級較複雜的頁面中的元素。

通過元素的性質,id,class等獲取元素,常見語法為 $("#idname"),$(".classname"),$("p")等。

以元素屬性為基準,選擇包含該屬性或者是該屬性值為「xx」的元素,常見語法 $("[href]") ,$("[href='#']")

嚴格來說這不是選擇器的一種,鑑於定位方式較多,將其提取出來。需要結合上述兩種選擇器使用,適用於在上述兩種選擇器選擇出來元素之後,如果元素數量較多,對元素再進行細化定位。由於這種方式需要先選擇出所有同型別元素,再在其中進行選擇(過濾),也稱為基本過濾器選擇器。如定位頁面中第三個p元素,需要先使用元素選擇器選出頁面中的p元素,再根據索引查詢 $("p:eq(2)") ,即過濾索引非第三的元素。

根據元素的內容進行選擇

根據元素是否可見進行選擇

根據表單中的input元素型別選擇

jquery 遍歷,意為「移動」,用於根據其相對於其他元素的關係來「查詢」(或選取)html 元素。以某項選擇開始,並沿著這個選擇移動,直到抵達您期望的元素為止。

我們可以把文件中的所有的節點節點之間的關係,用傳統的家族關係來描述,可以把文件樹當作乙個家譜,那麼節點與節點直接就會存在父子,兄弟,祖孫的關係了。 

對子元素進行選擇(過濾),用法同 1.3 元素定位(基本過濾器)選擇器

Jquery獲取元素方法

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

jQuery獲取元素的方法

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

jquery獲取第幾個元素的方法總結

jquery獲取第幾個元素的方法總結 使用jquery時經常會遇到,選擇器選擇一組元素後,需要在這組元素中找到第幾個元素。jquery中使用eq 方法找到第幾個元素或第n個元素,jquery中eq 的使用如下 eq 選擇器選取帶有指定 index 值的元素。index 值從 0 開始,所有第乙個元素...