<input id="testId" class="testClass"/>
<input id="testId1" class="testClass"/>
A、基本选择器:1.ID选择器 $("#testId") 返回单个
2.Class选择器 $(".testClass") 返回集合
3.element选择器 $("input") 返回集合
4.匹配所有选择器 $("*") 返回集合
5.合并选择器 $("#testId,testId1") 返回集合
括号中,单引号,双引号是一样的
B、层次选择器
1.$("div span")选取div元素里所有的<span元素>,选取的是后台元素
2.$("div > span")选取div元素下元素名是<span>的子元素>
3.$(.one+div) 选取class为one的下一个div元素 等价$(.one).next("div");
4.$("#one~div")选取id为one后面所有<div>兄弟元素 等价$(#one).nextAll("div")
上面返回都是集合元素
C、过滤选择器(与css伪类选择器语法相同)
1,基本过滤选择器
:frist 第一个 :last最后一个 :not(seletor) 去除与选择器匹配的元素
:even索引为偶数 :odd索引为基数 :eq(index)索引等于index :gt(index)索引大于index元素
:lt(index)索引小于index元素 :header标题元素 :animated正在执行动画的元素
索引从0开始
2.内容过滤选择器
D、表单选择器