1 元素选择器 2 $(".div1").css("color","red"); // class是div1 的css 3 $("#div2").css("color","red"); // id是div2 的css 4 $("div1").css("color","red"); // 标签的div 的css 5 $(".div3,#div2").css("color","red"); // class是div3 和id是div2的css 6 $(".div p1").css("color","red"); // class下的 p1 标签的css 7 $(".div>p").css("color","red"); // class 相毗邻的P标签 8 $("p.p1") //选取所有 class="p1" 的 <p> 元素。 9 $("p#p1") //选取所有 id="p1" 的 <p> 元素。 10 属性选择器 11 12 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 13 $("[href]") //选取所有带有 href 属性的元素。 14 $("[href=‘#‘]") //选取所有带有 href 值等于 "#" 的元素。 15 $("[href!=‘#‘]") //选取所有带有 href 值不等于 "#" 的元素。 16 $("[href$=‘.jpg‘]") //选取所有 href 值以 ".jpg" 结尾的元素。 17 其他 18 $(this) 当前 HTML 元素20 $("p.intro") 所有 class="intro" 的 <p> 元素 21 $(".intro") 所有 class="intro" 的元素 22 $("#intro") id="intro" 的元素 23 $("ul li:first") 每个 <ul> 的第一个 <li> 元素 24 $("[href$=‘.jpg‘]") 所有带有以 ".jpg" 结尾的属性值的 href 属性 25 $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素