史上最全的Jquery選擇器

2021-05-11 18:23:09 字數 2279 閱讀 8430

jquery找無規律元素文字的辦法

具有限定子節點擊擇器:$(」mix1[mix2]「):返回包含mix2的mix1節點.如:$(」div[a]「):包含a標籤的div.

這個和$(」div a」)不相同.後者表示div中的a標籤,返回的是a標籤物件,前者返回的是div標籤物件

冒號限定結點選擇器:$(」mix:condition」):mix標籤,並且滿足限定條件.

e:root:型別為e,並且是文件的根元素

e:nth-child(n):是其父元素的第n個型別為e的子元素 ,基數從1開始

e:first-child:是其父元素的第1個型別為e的子元素

e:last-child:是其父元素的最後乙個型別為e的子元素

e:only-child:且是其父元素的唯一乙個型別為e的子元素

e:empty:沒有子元素(包括text節點)的型別為e的元素

e:enabled

e:disabled:型別為e,允許或被禁止的使用者介面元素

e:checked:型別為e,處於選中狀態的使用者介面元素(例如單選按鈕或核取方塊)

e:visible:選擇所有可見元素(display值為block或visible,visibility值為visible元素,不包括hide域)

e:hidden:選擇所有隱藏元素(非hide域,且display值為block或visible,visibility值為visible的元素)

e:not(s):型別為e,不匹配選擇器s

e:eq(n),e:gt(n),e:lt(n):元素限定

e:first:相當於e:eq(0)

e:last:最後乙個匹配的元素

e:even:從匹配的元素集中取序數為偶數的元素

e:odd:從匹配的元素集中取序數為奇數的元素

e:parent:選擇包含子元素(包含text節點)的所有元素

e:contains(』test』):選擇所有含有指定文字的元素

表單選擇器:

e:input:選擇表單元素(input,select,textarea,button)

e:text:選擇所有文字域(type=」text」)

e:password:選擇所有密碼域(type=」password」)

e:radio:選擇所有單選按鈕(type=」radio」)

e:checkbox:選擇所有核取方塊(type=」checkbox」)

e:submit:選擇所有提交按鈕(type=」submit」)

e:image:選擇所有影象域 (type=」image」)

e:reset:選擇所有清除域(type=」reset」)

e:button:選擇所有按鈕(type=」button」)

當然包括e:hidden

8.xpath路徑查詢:

先介紹下xpath的語法:

/:選取根節點

//:選取文件中所有符合條件的節點,不管該節點位於何處

.:選取當前節點

..:選取單前節點的父節點

@:選取屬性,這個在之前說過了(屬性選擇器)

nodename:選取節點下的所有節點

jquery中的應用:

根節點是很少用到的,常用的如下面的例子:

$(」div/p」)相當於$(」div>p」)

$(」div//p」)相當於$(」div p」)

$(」//div/../p」):所有div節點的父節點下的p標籤

還有相對路徑的寫法以及支援的axis選擇器,還不是會應用,不介紹了…已經一大堆了

$的其他用法:

下拉框,單選框,多選框整理

2,單選框:

$(」input[@type=radio][@checked]「).val();  //得到單選框的選中項的值(注意中間沒有空格)

$(」input[@type=radio][@value=2]「).attr(」checked」,』checked』); //設定單選框value=2的為選中狀態.(注意中間沒有空格)

3,核取方塊:

$(」input[@type=checkbox][@checked]「).val(); //得到核取方塊的選中的第一項的值

$(」input[@type=checkbox][@checked]「).each(function());

$(」#chk1″).attr(」checked」,」);//不打勾

$(」#chk2″).attr(」checked」,true);//打勾

if($(」#chk1″).attr(』checked』)==undefined){} //判斷是否已經打勾

Jquery 選擇器 簡單的選擇器

1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last,eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...