jquery過濾選擇器前加空格與不加空格的區別

2021-06-06 13:14:30 字數 398 閱讀 3336

jquery過濾選擇器前加不加空格產生的效果差別是比較大的。對於這種區別可以從css選擇器的角度去理解,而且這種理解是完全正確的。可以把這些選擇器當作我們css中的類,那麼不加空格的選擇器就表示選取與該元素相關的物件,而加了空格的選擇器則表示選取與之相關的後代元素物件。

例如://加空格表示 選擇class為test的元素當中的隱藏後代元素,由前往後讀

alert($(".test :hidden").length);

//不加空格表示 選擇隱藏的class為test的元素,由後往前讀

alert($('.test:hidden').length);

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

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

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

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

jQuery過濾選擇器

基本過濾選擇器 first 選取第乙個元素 last 選取最後乙個元素 not selector 去除所有與給定選擇器匹配的元素 even 選取索引是偶數的所有元素,索引從0開始 odd 選取索引是奇數的所有元素,索引從0開始 eq index 選取索引等於index的元素 index從0開始 gt...