jQuery選擇器是一種強大的工具,可以快速選擇文檔中的元素。連續選擇器是jQuery里的一種高級選擇器,可以選擇一系列嚴格匹配的元素。
$( "parent > child" ).css( "color", "red" );
上述代碼中的 "parent >child" 連續選擇器表示選擇 parent 元素下的 child 元素。這是一個非常常見的用法,所以jQuery提供了這個較短的寫法。
但是,連續選擇器不僅僅限于使用 “>”。我們可使用任何有效的選擇器組合來指定目標元素。
// 獲取所有class為content的div下的p標簽 $( "div.content p" ).css( "color", "red" );
上述代碼中,連續選擇器 "div.content p" 選擇了在 class 為 content 的 DIV 元素中的所有<p>
元素。
需要注意的是,連續選擇器的性能與樣式表選擇器并不相同。樣式表選擇器通過查找樣式表中的選擇器匹配元素,而連續選擇器搜索整個文檔以查找匹配項。因此,我們應該盡可能減少使用連續選擇器。