JQ-基本选择器

    
    
    
    


    
jQuery选择器的格式：
    
$("选择器")
    
在jQuery中，基本选择器共有5种：
    

        （1）元素选择器；
        （2）id选择器；
        （3）class选择器；
        （4）群组选择器；
        （5）*选择器
    
    

        
一、元素选择器
        
元素选择器，就是“选中”相同的元素，然后对相同的元素进行操作。
        
语法：$("元素名")
        
$("div").css("color","red");
    
    

        
二、id选择器
        
id选择器，就是选中某个id的元素，然后对该元素进行各种操作。有一定要注意的就是：同一页面不允许出现相同id的元素。
        
语法：$("#id名")
        
说明：id名前面必须要加上前缀“#”，否则该选择器无法生效。id名前面加上“#”，表明这是一个id选择器。
    
    

        
三、class选择器
        
class选择器，就是我们常说的“类选择器”。我们可以对“相同的元素”或者“不同的元素”设置一个class（类名），然后针对这个class的元素进行各种操作。
        
语法：$(".类名")
        
说明：class名前面必须要加上前缀“.”（英文点号），否则该选择器无法生效。类名前面加上“.”，表明这是一个class选择器。
    
    

        
四、群组选择器
        
群组选择器，就是同时对几个选择器进行相同的操作。
        
语法：$("选择器1 , 选择器2 ,……,选择器n")
        
说明：对于群组选择器，两个选择器之间必须用“,”（英文逗号）隔开，不然群组选择器无法生效。
        
举例：$("h3,div,p,span").css("color","red");
    
    

        
五、*选择器
        
*选择器，也成为“全选选择器”，用于选择所有的元素。在CSS中，我们常常用*选择器来去除所有元素默认的padding和margin。
        
$("#list *").css("color","red");
        
$("#list *")表示选择id为list的元素下面的所有元素。