选择器

//jQuery选择器参考了CSS,基本上完全一致
/*
如果选择器无法获取页面中的元素,也不会报错  JavaScript使用document.getElementById或name去获取元素的时候,如果没有获取到,是会报错的
$()获取到的永远是对象,所以,不能用这个函数去判断页面中是否存在某个元素.要 $().length == 0,表示页面中没有某个元素  或者转化成DOM对象进行判断  $()[0]


基本选择器:id class 标签名
#id     获取id为id的单个元素
.class  获取class为class的所有元素
element 获取标签名为element的所有元素
selector1,selector2,...多个选择器的选择结果,取合集
*       所有元素

层次选择器:通过DOM元素之间的关系来获取特定的数据
$("div span")       div里的所有span元素
$("div > span")     div下,元素名为span的子元素(只相差一个层级)
$(".one+div")       class为one元素的下一个div元素  等价于 $(".one").next("div")
$("#two~div")       id为two元素后面的所有div的兄弟元素(同一层级) 等价于 $("#two").nextAll("div")
$("#two").siblings("div") id为two元素同层级中所有的div元素

过滤器选择器:
基本过滤器
:first  例:$("div:first")    说明:第一个div元素
:last
:not(selector)
:even   偶数索引,index从0开始计数
:odd:   奇数索引
:eq(index)  第index个索引的元素
:gt(index)  索引大于index
:lt(index)  索引小于index
:header     所有标题元素  h1~h6
:animated   正在执行动画的元素

内容过滤器
:contains(text) 包含文本text
:empty          不包含子元素或文本的空元素
:has(selector)  例子 $("div:has(p)")  含有p元素的div元素
:parent     含有子元素或文本的元素

可见性过滤器
:hidden     不可见元素,包括input中type=hidden与disabled:none visibility:hidden
:visible    可见元素

属性过滤器
[attr]      例子$("div[id]")  拥有id属性的div元素
[attr=value]    属性为value的元素  例子$("input[type='text']")
[attr!=value]
[attr^=value]   开始
[attr$=value]   结束
[attr*=value]   包含
[s1][s2]    举例:$("div[][][]") 属性取交集

子元素过滤器
:nth-child(index/even/odd/equation) 父元素下某个子元素
:first-child    第一个子元素
:last-child     最后一个子元素
:only-child     只能有一个子元素

表单对象属性过滤器
:enabled    可用元素
:disabled   不可用元素
:checked    被选中的元素,复选框或单选框
:selected   被选中的元素,下拉框




表单选择器
:input      所有input textarea select button元素
:text       单行文本框
:password   密码框
:radio      单选框
:checkbox   复选框
:submit     提交按钮
:image      图像按钮
:reset      重置按钮
:button     按钮
:file       上传域
:hidden     不可见元素

注意空格对选择器的影响
.test :hidden       class元素为.test下的隐藏元素
.test:hidden        隐藏的class为test的元素




 */


实在有特殊需求的时候，还是从文档中进行查询