jQuery选择器

 

1）基本选择器     2）层次选择器

3）过滤选择器     4）表单选择器

1、jQuery基本选择器：

$("#id"):根据给定的id匹配元素

$(".myclass"):根据类名匹配元素

$(“*”): 选取html页面中所有的元素

$(“div”):选取html页面中所有的div元素

$(“div,span,myclass”):选取所有的<div><span><myclass>一组元素

2、层次选择器

$(“div span”):选取<div>下面的所有的<span>元素，包括后代元素

$(“div > span”):选取<div>元素下面（儿子）所有的<span>子元素，不包括后代元素

 $(“.one + div”):选取class为one的下一个<div>相邻元素，即紧接着.one元素后面的div元素

“+”紧接着的意思，相邻 不间隔的元素

$(“#one ~ div”):选取id为one的元素之后的所有同辈的<div>兄弟元素，可以间隔其他元素

根据位置进行选择（根据节点的内容）

$(“div:first”) 选取所有<div>元素中第1个
<div>元素

$(“div:last”) 选取所有的<div>元素中最后1个

$(“div: not(.one)”) 选取class不是one 的< div >元素not

$(“div:even”) 选取索引值为偶数的<div>

$(“div:odd”) 选取索引值为奇数的<div>

$(“div:eq(1)”) 选取索引值为1的<div>元素

$(“div:gt(3)”)  选取索引值大于3的<div>元素

$(“div:lt(3)”)  选取索引值小于3的<div>元素

$(“:header”) 选取网页中所有的<h1>、<h2>

$(“div:animated”) 选取正在执行动画的<div>