JavaScript中各种选择器

//1.基本选择器
$(function(){
//1.全局选择器
$("*").css(“font-size”,“30px”);
//2.标签选择器
$(“p”).css(“color”,“blue”);
//3.id选择器 id属性赋值要求唯一 #
$("#a").css(“font-weight”,“bold”);
//4.类选择器 class属性赋值可以重复 .
$(".b").css(“font-style”,“italic”);
//5.并集选择器:或者关系 ,
$("#a,.b").css(“background-color”,“yellow”);
//6.交集选择器 并且关系
$(“p#a”).css(“text-indent”,“2em”);

})
//2.层次选择器
 $(function(){
    //1.后代选择器 父子关系或者后代关系 标识符 :空格
    $("div li").css("list-style","none");
    //2.子选择器 :必须是直接的父子关系 标志符 :>
    $("ul>li").css("color","red");
    //3.相邻兄弟选择器:找紧挨着的后面的兄弟标签 标识符:+
    $("#er+li").css("background-color","black");
    //4.通用兄弟选择器:找后面所有的兄弟标签 标识符:~ 不包括本身
    $("#er~li").css("font-size","40px");

})
//3.属性选择器
$(function(){
    //1.[name] 包含name属性的标签
    $("[name]").css(&