jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头:$()。
元素选择器
$('p') \\\选取页面中所有的元素
#ID选择器
$('#bgimg') \\\选取页面中所有id为bgimg的元素
.class选择器
$('.bgimg') \\\选取页面中所有class为bgimg的元素
更多实例
语法 | 说明 |
---|---|
$("*") | 选取所有元素 |
$(this) | 选取当前HTML元素 |
$("p.intro") | 选取class为intro的p元素 |
$("p:first") | 选取第一个p元素 |
$("ul li:first") | 选取元素第一个ul的第一个li元素 |
$("ul li:first-child") | 选取所有ul元素的第一个li元素 |
$("[href]") | 选取所有拥有属性href的元素 |
$("a[target='_blank']") | 选取所有 target 属性值等于 "_blank" 的 <a> 元素 |
$("a[target!='_blank']") | 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 |
$(":button") | 选取所有 type="button" 的 <input> 元素 和 <button> 元素 |
$("tr:even") | 选取偶数位置的 <tr> 元素 |
$("tr:odd") | 选取奇数位置的 <tr> 元素 |