jquery1.3常用选择器的说明和应用

一、基本

1。$("#id") ------------------------------------------------- 对象的id号；
2。$("div") -------------------------------------------------- 根据给定的元素名匹配所有元素;
3。$(".class") --------------------------------------------- 根据给定的CSS类匹配元素;
4。$("*") ---------------------------------------------------- 匹配所有元素;
5。$("div,span,div.class") ----------------------------- 将每一个选择器匹配到的元素合并后一起返回。

二、层级

1。$("form input") --------------------------------------- 在给定的祖先元素下匹配所有的后代元素；
2。$("form > input") ------------------------------------- 在给定的父元素下匹配所有的子元素(和上面的不一样)；
3。$("prov + next") --------------------------------------- 匹配所有紧接在 prev 元素后的 next 元素;
4。$("prov ~ next") --------------------------------------- 匹配 prev 元素之后的所有 next  元素

三、基本

1。$("#id:first") -------------------------------------------- 匹配找到的第一个元素
2。$("#id:last") -------------------------------------------- 匹配找到的最后一个元素
3。$("input:not(:checked)") ---------------------------- 去除所有与给定选择器匹配的元素
4。$("tr:even") --------------------------------------------- 匹配所有索引值为偶数的元素，从 0 开始计数
5。$("tr:odd") ---------------------------------------------- 匹配所有索引值为奇数的元素，从 0 开始计数
6。$("tr:eq(1)") -------------------------------------------- 匹配一个给定索引值的元素(第二行)
7。$("tr:qt(1)")  -------------------------------------------- 匹配所有大于给定索引值的元素(第二行以后所有行)
8。$("tr:lt(1)") ---------------------------------------------- 匹配所有小于给定索引值的元素(和上面相反)
9。$(":header") ------------------------------------------- 匹配如 h1, h2, h3之类的标题元素
10。$("id:animated") ------------------------------------ 匹配所有正在执行动画效果的元素

四、内容

1。$("div:contains('John')") ----------------------------- 匹配包含给定文本的元素
2。$("td:empty") ------------------------------------------- 匹配所有不包含子元素或者文本的空元素
3。$("div:has(p)") ----------------------------------------- 匹配含有选择器所匹配的元素的元素(含p的div)
4。$("td:parent") ------------------------------------------- 匹配含有子元素或者文本的元素

五、可见性

1。$("tr:hidden") ------------------------------------------- 匹配所有不可见元素，或者type为hidden的元素
2。$("tr:visible") -------------------------------------------- 匹配所有的可见元素

六、属性

1。$("div[id]")-------------------------------------------------匹配包含给定属性的元素(所有包含id的div)
2。$("input[name='newsletter']")-----------------------匹配给定的属性是某个特定值的元素
3。$("input[name!='newsletter']")-----------------------匹配所有不含有指定的属性
4。$("input[name^='news']")-----------------------------匹配给定的属性是以某些值开始的元素
5。$("input[name$='letter']")-----------------------------匹配给定的属性是以某些值结尾的元素
6。$("input[name*='man']")------------------------------匹配给定的属性是以包含某些值的元素
7。$("input[id][name$='man']")--------------------------复合属性选择器，需要同时满足多个条件时使用

七、子元素

1。$("ul li:nth-child(2)")------------------------------------匹配其父元素下的第N个子或奇偶元素
2。$("ul li:first-child")---------------------------------------匹配第一个子元素
3。$("ul li:last-child")---------------------------------------匹配最后一个子元素
4。$("ul li:only-child")---------------------------------------如果某个元素是父元素中唯一的子元素那将会被匹配

八、表单

1。$(":input")--------------------------------------匹配所有 input, textarea, select 和 button 元素
2。$(":text")----------------------------------------匹配所有的单行文本框
3。$(":password")-------------------------------匹配所有密码框
4。$(":radio")--------------------------------------匹配所有单选按钮
5。$(":checkbox")--------------------------------匹配所有复选框
6。$(":submit")-----------------------------------匹配所有提交按钮
7。$(":image")------------------------------------匹配所有图像域
8。$(":reset")--------------------------------------匹配所有重置按钮
9。$(":button")------------------------------------匹配所有按钮
10。$(":file")---------------------------------------匹配所有文件域
11。$("tr:hidden")--------------------------------匹配所有不可见元素，或者type为hidden的元素

九、表单对象属性

1。$("input:enabled")----------------------------匹配所有可用元素
2。$("input:disabled")---------------------------匹配所有不可用元素
3。$("input:checked")------------匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
4。$("select option:selected")----------------匹配所有选中的option元素