一、基本過濾選擇器
選擇器引數
:first
選取第乙個元素 .。$(『li:first』); 獲取匹配的第乙個li元素
:last
選取最後乙個元素 $(「div:last」).css(「color」,「red」);
:not
除去指定的選擇器外的元素 $(「div:not」).css(「color」,「red」);
:even
選取索引號是偶數的元素 $(「div:even」).css(「color」,「red」);
:odd
選取索引號是奇數的元素 $(『div:odd』).css(「color」,「red」);
:eq(index)
選取第index個元素 $(『div:eq(5)』).css(「color」,「red」);
:gt(index)
選取索引號大於index的元素 $(『div:gt(8)』).css(「color」,「red」);
: lt(index )
選取索引號小於index的元素 $ (『div:lt(3)』).css(「color」,「red」);
二、屬性過濾選擇器
選擇器引數
[attribute]
選取擁有此屬性的元素 $ (『div:[attribute]』).css(『background-color』,『red』);
[attribute=value]
選取屬性值為value的元素 $ (『div:[attribute=value]』)
[attribute!=value]
選取屬性值不為value的元素 $(『div:[attribute!=value]』)
[attribute^=value]
選取屬性值以value開始的元素 $ (『div:[attribute^=value]』)
[attribute$=value]
選取屬性值以value結尾的元素 $ (『div:[attribute$=value]』)
[attribute*=value]
選取屬性值包含value的元素 $(『div:[attribute*=value]』)
三、內容過濾選擇器
選擇器引數
:contains
選取包含文字的text的元素$(「div:contains(『john』)」).css(「color」,「red」);
:has(selector)
選取含有選擇器所匹配的元素
:empty
選取不包含子元素的元素
:parent
選取包含子元素的元素
四、子元素過濾選擇器
選擇器引數
:nth-child(index)選取每個父節點下第index個元素、偶數元素或奇數元素。div :nth-child(index)選取div父節點下第index個元素、偶數元素或奇數元素。div:nth-child(index)選取第index個元素
:first-child
選取每個父元素下的第乙個子元素.。 $(「ul li:first-child」)在每個 ul 中查詢第乙個 li
:last-child
選取每個父元素下的最後乙個子元素
:only-child
選取只有乙個子元素的元素
:first-child
『:first』 只匹配乙個元素，而此選擇符將為每個父元素匹配乙個子元素
:first-of-type
選擇所有相同的元素名稱的第乙個兄弟元素。在文件樹中，相同的父元素並且在其他相同的元素名稱之前。
:nth-of-type()
其所有兄弟span元素中的第幾個元素。
:nth-last-child
計數從最後乙個元素開始到第乙個查詢選取
:enabled
選取所有可用的元素
disabled
選取所有不可用的元素
:checked
選取所有被選中的元素(一般為（html中）radiobutton、checkbox標記);
:selected
選取被選中的選項元素（select下拉列表標記中的option=select）
五、可見性過濾選擇器(兩個)
選擇器引數
:hidden
匹配所有不可見元素，或者type為hidden的元素
:visibal
匹配所有的可見元素
返回top
jq部分選擇器的用法
1.獲取select下拉框的當前選中的option sele find option selected text 獲取select選中的option的內容 2.sessionstorage的儲存和獲取和刪除 新增 sessionstorage.setitem keyvalue 設定sessionst...
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...