Jquery知识点回顾（一）-------------------------------------------------------选择器

 今天对jquery的知识点，进行内容回顾和整理，整理出日常在生活工作中常用到的选择器进行分们别类进行整理。

1.基本选择器

• $("div")             //元素选择器
• $("#id")             //ID选择器
• $(".class")        //类选择器
• $("div,.class,#id") //组合选择器           

 2.层次选择器

• $("#id>.classname") //子元素选择器
• $("#id .classname")//后代元素选择器
• $("#id+.classname")//紧邻下一个元素选择器
• $("#id~.classname")//兄弟元素选择器

3.过滤选择器(重点)

    $("li:first") //第一个li

    $("li:last") //最后一个li

    $("li:even")//选择下标为偶数的li

    $("li:odd")//选择下标为奇数的li

   $("li:eq(4)")//下标为4的元素

    $("li:gt(2)")//下标大于2的元素

   $("li:lt(2)") //下标小于2的元素

   $("li:not(#runoob)")//挑选id不为runoob的li元素

3.1内容过滤选择器

$("div:contains('Runoob')")//挑选出包含‘Runoob’文本内容的div元素

$("td:empty")//不包含子元素和文本的td元素

$("td:has(selector)")//挑选出选择器所包含的元素

$("td:parent")//含有子元素和文本的元素

3.2可见性过滤选择器

$("li:hidden") //所有隐藏的li元素

$("li:visiable")//所有未隐藏的li元素

3.3 属性过滤选择器

$("div[id]")//挑选出属性包含id的div元素

$("div[id='123']")//挑选id等于123的元素

$("div[id!='123']")//挑选出id不等于123的元素

$("div[id^='aa']")//挑选出id开头为aa的元素

$("div[id$='aa']")//挑选出id结尾为aa的元素

$("div[id*='aa']")//挑选出id文本内容包含aa的元素

$("div[id][name='aa']")//多重属性过滤器

3.4状态过滤选择器

$("input:enabled")//匹配可用的input

$("input:disabled")//匹配不可用的input

$("input:checked")//匹配选中的 input

$("option：selected")//匹配选中的option

4表单选择器

$(":input")//匹配所有的input ，textarea，select和button元素

$(":text")//所有的单行文本框，$(":text")等价于$("[type='text']"),推荐使用$("input[type='text']")//效率更高，下同

$(":password")//所有的密码框

$(":radio")//所有的单选按钮

$(":checkbox")//所有的复选框

$(":submit")//所有的提交按钮

$(":reset")//所有的重置按钮

$(":button")//所有的button按钮

$(":file")//所有的文件域