過濾選擇器

2021-09-10 07:49:03 字數 2811 閱讀 9597

再貼一篇不錯的部落格:

過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的 dom元素,該選擇器都以「:」開頭

按照不同的過濾規則,過濾選擇器可以分為基本過濾,內容過濾,可見性過濾,屬性過濾,子元素過濾和表單物件屬性過濾選擇器.

基本過濾選擇器

基本過濾選擇器示例

改變第乙個 div元素的背景色為 # bbffaa

改變最後乙個 div元素的背景色為 # bbffaa

改變class不為 one的所有 div元素的背景色為 # bbffaa

改變索引值為偶數的 div元素的背景色為 # bbffaa

改變索引值為奇數的 div元素的背景色為 # bbffaa

改變索引值為大於 3的 div元素的背景色為 # bbffaa

改變索引值為等於 3的 div元素的背景色為 # bbffaa

改變索引值為小於 3的 div元素的背景色為 # bbffaa

改變所有的標題元素的背景色為 # bbffaa

改變當前正在執行動畫的所有元素的背景色為 # bbffaa

內容過濾選擇器

內容過濾選擇器的過濾規則主要體現在它所包含的子元素和文字內容上

內容過濾選擇器示例

改變含有文字 『di'的 div元素的背景色為 # bbffaa

改變不包含子元素(或者文字元素)的 div空元素的背景色為 # bbffaa

改變含有 class為 mini元素的 div元素的背景色為 # bbffaa

改變含有子元素(或者文字元素)的div元素的背景色為 # bbffaa

可見性過濾選擇器

可見性過濾選擇器是根據元素的可見和不可見狀態來選擇相應的元素

可見選擇器 :hidden不僅包含樣式屬性 display為 none的元素,也包含文字隱藏域 ()和 visible:hidden之類的元素

可見性過濾選擇器示例

改變所有可見的div元素的背景色為 # bbffaa

選取所有不可見的元素,利用 jquery中的 show()方法將它們顯示出來,並設定其背景色為 # bbffaa

選取所有的文字隱藏域,並列印它們的值

屬性過濾選擇器

屬性過濾選擇器的過濾規則是通過元素的屬性來獲取相應的元素

屬性過濾選擇器示例

選取下列元素,改變其背景色為 # bbffaa

含有屬性title的div元素.

屬性title值等於"test"的div元素.

屬性title值不等於"test"的div元素(沒有屬性title的也將被選中).

屬性title值以"te"開始的div元素.

屬性title值以"est"結束的div元素.

屬性title值含有"es"的div元素.

選取有屬性id的div元素,然後在結果中選取屬性title值含有「es」的 div 元素.

子元素過濾選擇器

nth-child() 選擇器詳解如下:

(1) :nth-child(even/odd):能選取每個父元素下的索引值為偶(奇)數的元素

(2):nth-child(2): 能選取每個父元素下的索引值為 2 的元素

(3):nth-child(3n): 能選取每個父元素下的索引值是 3 的倍數的元素

(3):nth-child(3n + 1):能選取每個父元素下的索引值是 3n + 1的元素

子元素過濾選擇器示例

選取下列元素,改變其背景色為 # bbffaa

每個class為one的div父元素下的第2個子元素.

每個class為one的div父元素下的第乙個子元素

每個class為one的div父元素下的最後乙個子元素

如果class為one的div父元素下的僅僅只有乙個子元素,那麼選中這個子元素

表單物件屬性過濾選擇器

此選擇器主要對所選擇的表單元素進行過濾

表單物件屬性過濾選擇器示例

利用 jquery物件的 val()方法改變表單內可用 元素的值      利用 jquery物件的 val()方法改變表單內不可用元素的值

利用 jquery物件的 length屬性獲取多選框選中的個數

利用 jquery物件的 text()方法獲取下拉框選中的內容

表單選擇器

以上就是關於jquery過濾選擇器的全部內容了,十分的詳盡,希望對小夥伴們有所幫助。

您可能感興趣的文章:

jQuery過濾選擇器 基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...

jQuery過濾選擇器 基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...

過濾選擇器 可見性過濾選擇器

可見性過濾選擇器根據元素是否可見的特徵獲取元素,其詳細的說明如表 選擇器功能 返回值 hidden 獲取所有不可見元素,或者type為hidden的元素 元素集合 visible 獲取所有可見的元素 元素集合 說明 hidden選擇器所選擇的不僅包括樣式為display none所有的元素,而且還包...