頁面元素選擇一(jQuery學習隨筆一)

2021-06-07 19:08:40 字數 758 閱讀 5084

基本css選擇器例項:

1、$(「a」);    選擇器匹配所有元素。

2、$(「#specialid」);    選擇器匹配id為specialid的元素。

3、$(「.specialclass」);    選擇器匹配擁有ccs類specialclass的元素。

4、$(「a#specialid.specialclass」);   選擇器匹配id為specialid,擁有css類specialclass的元素。

5、$(「p a.specialclass」);    選擇器匹配擁有css類specialclass,在元素內宣告的元素。

$(「p>a」);    選擇器匹配元素的直接子節點的元素。

1、$(「input[style]」);    選擇器匹配擁有style特性的所有元素。

2、$(「input[type=text]」);    選擇器匹配type特性值為text的所有元素。

3、$(「input[id^=my]」);    選擇器匹配id特性值為my開頭的所有元素。

4、$(「input[id$=my]」);    選擇器匹配type特性值為my結尾的所有元素。

5、$(「input[id*=my]」);    選擇器匹配type特性值在任意位置為my的所有元素。

$(「li:has(a)」);    選擇器匹配包含元素的所有的元素。

注意:容器選擇器只支援一層巢狀。如下所示,

$(「ul:not(li:has(a))」);   選擇器匹配不包含含有元素的元素的所有元素。

jquery 選擇相鄰元素 jQuery學習

不甘於 本該如此 多選引數 值得關注 選擇器名稱 描述返回 例項 id id選擇器 根據給定的id匹配乙個元素。單個元素 box 選取id為box元素 element 元素選擇器 根據給定的元素名匹配所有元素 集合元素 span 選取所有元素 class 類選擇器 根據給定的類匹配元素。集合元素 b...

jquery 學習筆記 選擇元素

選擇dom元素和建立新的dom元素 選擇器實驗室 chapter2 lab.selectors.html 相同於css中的選擇方法 element id class 以及組合,如 label.out selector1,selector2,selector3 或選擇器 selector1 selec...

jQuery元素選擇

1 查詢所有符合條件的元素 find 舉例 ul find li addclass tmpexample 查詢頁面中ul元素下的所有li元素,並為查詢到的li元素增加tmpexample樣式。2 查詢指定元素的兄弟節點 siblings 舉例 li tmpcarrot slblings addcla...