jQuery提供了一系列的類選擇器用于查找文檔中的元素,其中包括了一些使用空格分隔多個類名的選擇器。
$('.class1.class2')
上述代碼使用了一個空格分隔了兩個類名,表示選取同時擁有兩個類名的元素。例如:
<div class="class1 class2"></div>
這個div元素即可被上述選擇器選中。
需要注意的是,使用空格分隔多個類名的選擇器并不等同于多個類選擇器的組合。例如:
$('.class1').$('.class2')
上述代碼表示選取擁有class1類名的元素,再對這些元素中擁有class2類名的元素進行操作,兩個選擇器的位置不能調換。如果想要同時選取擁有這兩個類名的元素,必須使用空格分隔的方式。
使用空格分隔的選擇器還可以進行深度選擇,例如:
$('.parent .child')
上述代碼表示選取所有擁有child類名的元素,但必須是其父元素擁有parent類名的元素的子元素,即符合“祖先-后代”選擇器的語法。
總之,使用jQuery的類選擇器時,我們可以通過空格分隔多個類名來選取同時擁有這些類名的元素,并可以利用這種方式進行深度選擇。