JQuery選擇器詳解

2021-10-08 10:56:53 字數 831 閱讀 5543

$("#id", ".class")  //復合選擇器

$(div p span) //層級選擇器 div下的p元素中的span元素

$(div>p) //父子選擇器 div下的所有p元素

$(div+p) //相鄰元素選擇器 div後面的p元素(僅乙個p)

$(div~p) //兄弟選擇器 div後面的所有p元素(同級別)

$(.p:last) //類選擇器 加 過濾選擇器 第乙個和最後乙個(first 或者 last)

$("#mytable td:odd") //層級選擇 加 過濾選擇器 奇偶(odd 或者 even)

$("div p:eq(2)") //索引選擇器 div下的第三個p元素(索引是從0開始)

$("a[href='www.baidu.com']") //屬性選擇器

$("p:contains(test)") // 內容過濾選擇器,包含text內容的p元素

$(":emtyp") //內容過濾選擇器,所有空標籤(不包含子標籤和內容的標籤)parent 相反

$(":hidden") //所有隱藏元素 visible

$("input:enabled") //選取所有啟用的表單元素

$(":disabled") //所有不可用的元素

$("input:checked") //獲取所有選中的核取方塊單選按鈕等

$("select option:selected") //獲取選中的選項元素

Jquery 選擇器 詳解

一 基本選擇器 1 div1 html hello world 1 根據id匹配元素 a 2 c1 html hello world 2 根據yclass匹配元素 b 3 span html hello world 3 根據元素名稱匹配 c 4 span,div.c1 html hello worl...

Jquery 選擇器 詳解

一 基本選擇器 1 div1 html hello world 1 根據id匹配元素 a 2 c1 html hello world 2 根據yclass匹配元素 b 3 span html hello world 3 根據元素名稱匹配 c 4 span,div.c1 html hello worl...

jQuery選擇器詳解

根據所獲取頁面中元素的不同,可以將jquery選擇器分為4大類 基本選擇器 層次選擇器 過濾選擇器 表單選擇器。其中,過濾選擇器有可以分為6種 簡單過濾選擇器 內容過濾選擇器 可見性過濾選擇器 屬性過濾選擇器器 子元素過濾選擇器 表單物件屬性過濾選擇器。1 基本選擇器 id class 元素標籤 s...