jquery选择器

 1、关于jquery中选择器的概念:

选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历  DOM 和 Ajax 操作都依赖于选择器.

 2、使用jquery选择器的优点：简介 有完善的事物处理机制

 3、选择器的分类：

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

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

jQuery基本选择器：

 $(“#id”): 根据给定的id匹配一个元素

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

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

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

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

jQuery层次选择器：

 $(“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>