JQurey 常用選擇器

2021-08-28 04:13:32 字數 1537 閱讀 8174

-:contains(text):匹配包含給定文字的元素

-:empty:匹配所有不包含子元素或者文字的空元素

-:has(selector):匹配含有選擇器所匹配元素的元素

-:parent:選取含有子元素或者文字的元素

-:hidden:選取所有不可見的元素

-:visible:選取所有可見的元素

-[attribute]:選取擁有此屬性的元素

-[attribute=value]:選取屬性值等於value的元素

-[attribute!=value]:選取屬性值不等於value的元素

-[attribute^=value]:選取屬性值以value開始的元素

-[attribute$=value]:選取屬性值以value結束的元素

-[attribute*=value]:選取屬性值包含value的元素

-[attribute~=value]:選取屬性值包含value並以空格隔開的元素

-[attribute1][attribute2]…:多個屬性選擇器合併成乙個符合屬性選擇器

-:first-child:選取每個父元素下的第乙個子元素

-:first-of-type:選取同名兄妹節點的第乙個子元素的所有元素

-:last-child:選取每個父元素的最後乙個子元素

-:last-of-type:選取同名兄妹節點的最後乙個子元素的所有元素

-:only-child:選取父元素中具有唯一的子元素的所有元素

-:only-of-type:選取前後沒有同名兄妹節點的子元素的所有元素

-:nth-child(index/odd/even):選取每個父元素下的第index個子元素或奇偶元素

-:nth-last-child(index/odd/even):選取每個父元素下的第index個子元素,從最後乙個網向乙個數

-:input:選取所有< input > ,< textarea >,< select >,< button >元素

-:text:選取所有單行文字框

-:password:選取所有密碼框

-:radio:選取所有單選按鈕

-:checkbox:選取所有核取方塊

-:submit:選取所有提交按鈕

-:image:選取所有影象按鈕

-:reset:選取所有重置按鈕

-:button:選取所有按鈕

-:file:選取所有上傳域

-:disable:選取所有不可用元素

-:enable:選取所有可用元素

-:checked:選取所有被選中元素(單選框,核取方塊)

-:selected:選取所有被選中的選項元素(下拉列表框)

選擇器中含有空格的注意事項:

var t1

= t1=

(.test :hidden) //選取class為「test」的元素內的所有隱藏元素

var t2

= t2=

(.test:hidden) //選取隱藏的class為「test」的元素

jqurey過濾選擇器詳解

內容提要 子元素過濾選擇器的過濾規則相對於其它的選擇器稍微有些複雜,不過沒關係,只要將元素的父元素和子元素區分清楚,那麼使用起來也非常簡單。另外還要注意它與普通的過濾選擇器的區別 4 屬性過濾選擇器 屬性過濾選擇器的過濾規則是通過元素的屬性來獲取相應的元素。屬性過濾選擇器的介紹說明如下表所示。選擇器...

前端 jQurey的選擇器

通過元素id class和標籤名等來查詢dom元素。通過dom之間的層次關係,如後代元素 子元素 相鄰元素和同輩元素等來獲取特定元素。1 改變中所有的背景色 body div css background bbffaa 2 改變內子的背景色 body div css background bbffa...

jquery 常用選擇器

myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,可以運用多種的選擇方...