基本过滤选择器(:)
- :first 选择第一个元素。$(“div:first”)选择第一个<div>
- :last 选择最后一个元素。$(“div:last”)选择最后一个<div>
- :not(选择器)选取不满足(去掉)“选择器”条件的元素,
$(“input:not(.myClass)”)选取样式名不是myClass的<input>
4、:even、:odd,选择索引是偶数、奇数的元素:$(“input:even”)选取索引为偶数的<input>,$(“input:odd”)选取索引为奇数的<input>
5、:eq(索引序号)、:gt(索引序号)、:lt(索引序号) 选取索引等于、大于、小于索引序号的元素,比如$(“input:lt(5)”)选取索引小于5的<input>
6、(“:header”)选取所有的h1……h6元素(*)
7、(“div:animated”)选取正在执行动画的<div>元素。(*)
图片与代码说明:
1、选择span标签的第一个元素
$(function () {
$('#btn').click(function () {
选择span标签的第一个元素
$('span:first').css('backgroundColor', 'red');
});
});
2、选择span标签的最后一个元素
$(function () {
$('#btn').click(function () {
选择span标签的最后一个元素
$("span:last")