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" 的元素jQuery 选择器
原文地址：http://www.cnblogs.com/laoguiaabb/p/8035673.html