jQuery選擇器 內容過濾選擇器

2021-08-04 15:00:52 字數 626 閱讀 6117

前一章介紹了基本過濾選擇器,今天我們學習一下jquery的內容過濾選擇器。

選擇器::contains(text)

描述:匹配包含給定文字的元素

返回值:元素集合

示例:

$("div.mini:contains('div')")是dom元素集合,:contains('div')是過濾條件
選擇器::has(selector)

描述:匹配含有選擇器所匹配的元素的元素

返回值:元素集合

示例:

$("div.mini:has(p)")是dom元素集合,:has(p)是過濾條件
選擇器::empty

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

返回值:元素集合

示例:

$("div.item:empty")是don元素集合,:empty是過濾條件
選擇器::parent

描述:匹配含有子元素或者文字的元素

返回值:元素集合

示例:

$("div.item:parent")是dom元素集合,:parent是過濾條件

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

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

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

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

內容過濾選擇器

選擇器 描述返回 示例 contains text 選取含有文字內容為 text 的元素 集合元素 div contains 我 選取含有文字 我 的元素 empty 選取不包含子元素或者文字的空元素 集合元素 div empty 選取不包含子元素 包括文字元素 的空元素 has selector ...