jQuery之选择器

#id                                                    给定的id匹配元素 返回单个元素                                                        $("#id") 选取id为id的元素

.class                                              给定的类名匹配元素返回集合元素                                                      $(".class")选取类名为class的元素

 element                                        根据指定的元素名匹配元素 返回集合元素                                          $("p")根据给定的元素匹配 选取所有<p>元素

*                                                       匹配所有元素  返回集合元素                                                                 $("*")选取所有元素

selector1,seletor2,...selectorN     每个选择器匹配的元素组合一起返回集合元素                                $("div,span,p.myclass")选取所有<div>  <span>和有class为myclass的<p>标签的一组元素

示列：

基本选择器：

$("#one").css("background","#bbffaa");//改变id为one的元素的背景颜色$(".clas").css("background","#bbffaa");//改变所有为clas的元素的背景颜色$("div").css("background","#bbffaa");//改变所有<div>的元素否背景颜色
$("*").css("background","#bbffaa");//改变所有元素否背景颜色

层次选择器：

$("ancestor descendant")//选取ancestor后代(descendant)元素 返回集合     $("div span")//选取所有<div>里的所有的<span>元素

$("parent>child")//选取parent元素下的子元素                                                                                                                     $("div>span")选取<div>下的元素名为<span>的子元素

$("prev+next")//选取紧接在prev后的next元素                               $(".one+div")//选取class为one的下一个<div>同辈元素

$("prev~siblings")//选取prev元素之后的所有的siblings元素                $("#two~div")//选取id为two的元素后面的所有<div>同辈元素

过滤选择器：

//过滤选择器$("div:first")//选取所有<div>元素中第一个元素$("div:last")//选取所有<div>元素最后一个<div>元素$("input:not(.myclass)")//选取clas不是myclass的<input>元素$("input:even")//选取索引是偶数的<input>元素$("input:odd")//选取索引是奇数的<input>元素$("input:eq(1)")//选索引等于1的<input>元素$("input:gt(1)")//选取索引大于1不包括1的<input>元素$("input:lt(1)")//选取小于1的<input>元素不包括1$("input:header")//选取网页中所有的<h1>.<h2><h3>....$("div:animated")//选取正在执行动画的<div>$(':focus')//选取当前获取焦点的元素

//可见性过滤选择器$(":hidden")//选取索引不可见元素，包括input type="hidden" display=none  和 visibility:hidden 等元素$("div:visible")//选取所有可见的<div>元素//属性过滤选择器$("div[id]")//选取拥有属性id的元素$("div[title=test]")//选取属性title为test的<div>元素$("div[title!=test]")//选取属性title不为test的<div>元素$("div[title^=test]")//选取属性title以test开始的<div>元素$("div[title$=test]")//选取属性title以test结束的<div>元素$("div[title*=test]")//选取属性title含有test的<div>元素$('div[title|="en"]')//选取属性title等于en或以en为前缀的元素

//表单对象属性过滤选择器$("#form1 input:enabled")//选取id为form1的input元素的属性为不可用的元素$("#form1 input:disabled")//选取id为form1的input元素的属性为不可用的元素$("input:checked").length//选取所有被选中的元素$("select :selected")//选取所有被选中的选项元素$(":input")//选取所有<input><textarea><select><button>元素$(":text")//选取所有的单行文本框$(":password")//选取所有的密码框$(":radio")//选取所有的单选框$(":checkbox")//选取所有的复选框$(":submit")//选取所有的提交按钮$(":image")//选取所有的图像按钮$(":reset")//选取所有的重置按钮$(":button")//选取所有的按钮$(":file")//选取所有的上传区域$(":hidden")//选取所有不可见元素