先上链接: http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
元素选择器:
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
属性选择器:
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
$("p[class^=i]") 选取所有 p 标签中以i开头的class的元素。
CSS 选择器:
$("p").css("background-color","red");
基于正则表达式的选择器:
// 以ssss开头并且以xxxx结束
$(":checkbox[id^='ssss'][id$='xxxx']").each(function(){
$(this).attr("checked", checked);
});
跨越多级的选择器:
$("div#b div.aaa")
<div id='a'><div class='aaa'></div></div>
<div id='b'><div class='aaa'></div></div>
父子选择器:
$("p").parent()
$("p").children()
选取某class元素但不包含某class元素:
$(".list-group-item").not(".active")