在jQuery中选择类

我在codechool.com上学习jQuery，有一个问题困扰着我。我们正在学习在单个jQuery条目中选择多个html元素。所使用的html代码如下，我们应该选择亚洲类和销售类的元素。在jQuery中选择类

正确答案是$（“亚洲，.sale‘）

我的问题是，怎么’.sale”成为类的名字？如果你看下面的html，你会发现没有元素带有“class = sale”，只是一个class =“europe sale”的元素。“为什么jQuery要求”.sale“而不是”“。欧洲出售“？

<div id="tours-wrapper"> 
    <h1>Guided Tours</h1> 
    <ul id="tours"> 
    <li class="america"> 
     <h2>New York, New York</h2> 
     <span class="details">$1,899 for 7 nights</span> 
     <ul class="vote"><li><a href="#">↑</a></li><li><a href="#">↓</a></li></ul> 
    </li> 
    <li class="europe sale"> 
     <h2>Paris, France</h2> 
     <span class="details">$2,499 for 7 nights</span> 
     <ul class="vote"><li><a href="#">↑</a></li><li><a href="#">↓</a></li></ul> 
    </li> 
    <li class="europe"> 
     <h2>Madrid, Spain</h2> 
     <span class="details">$1,577 for 5 nights</span> 
     <ul class="vote"><li><a href="#">↑</a></li><li><a href="#">↓</a></li></ul> 
    </li> 
    <li class="asia"> 
     <h2>Tokyo, Japan</h2> 
     <span class="details">$1,999 for 5 nights</span> 
     <ul class="vote"><li><a href="#">↑</a></li><li><a href="#">↓</a></li></ul> 
    </li> 
    </ul> 

    <ul class="sorting"> 
    <li><a href="#">America</a></li> 
    <li><a href="#">Europe</a></li> 
    <li><a href="#">Asia</a></li> 
    </ul> 
</div>

来源

2013-08-02 macsplean

'class'属性包含一个空格分隔的类名列表。 –

我认为这是一个错误的教程，他们似乎想要：'$（“。asia，.sale”）'这意味着所有元素与类亚洲**或**销售。如果你只想要欧洲**和**出售的元素（这里是一个），使用：'$（“。europe.sale”）'。 '$（“。sale.europe”）'会返回相同的结果 –