前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestClassSelector.aspx.cs" Inherits="WebApplication1.TestClassSelector" %>                
     
        
      
            
       
                        This is the first div            
       
            
       
                        This is the second div            
       
            
       
                
                            This is the first span                            
       
            
                       This is the first span + eric sun class.                        
       
            
                       This is the eric sun class.                        
       
            
               
      
    
     

 

$(".first_div, .first_span")

将包含有.first_div  或者 .first_span" 的对象都取到。 这里取到 4 个 对象。

此处的Html对应

     
            This is the first div
     
     
        
                     This is the first span        
     
     This is the first span + eric sun class.

 

 

$(".first_div .first_span")

将以 .first_div 为类的控件 下的 以 .first_span 为类 的对象取到（类与类之间带有空格 逐层取）。 这里只取到 1 个。

对应的 className="first_span"  此处的Html对应

     
       
                    This is the first span        
     

 

 

$(".first_span.eric_sun_class")

将包含有.first_span 并且同时包含有 .eric_sun_class 类的 对象取到（类与类之间没有空格 类似于 ‘与’ 操作）。 这里只取到1个。 

对应的 className="first_span eric_sun_class"  此处的Html 对应

        This is the first span + eric sun class.  

更多关于选择器的知识请看：