jQuery九类选择器

jQuery选择器基本选择器

#id/标签名/样式名/选择器A,选择器B           

jQuery层次选择器

*form input：查询form下所有input元素，含有后代关系
form>input：查询form下所有input元素，有有父子关系，没有后代关系
form+input：查询与form同级的第一个input元素，是兄弟关系
form~input：查询与form同级的所有input元素，是兄弟关系

jQuery增强型基本选择器

:first：查询第一个元素
:last：查询最后个元素
:checked：查询选中的复选框
:not(:checked)：查询未选中的复选框
:even：偶数
:odd：奇数
:eq()：索引从0开始
:gt():大于索引号
:lt()：小于索引号
:header：查询所有
标签
 .css("key","value")为查询到的所有标签添加CSS样式

jQuery内容选择器

:contains('john')：表示包含指定字符串的标签，字符串大小写敏感
:empty：表示查询空标签的元素
:has('p')：表示查询有子元素的元素
 .addClass("样式名")：为查询到的所有标签添加样式
:parent：表示查询非空标签

jQuery可见性选择器
:hidden：表示查询所有隐蔽的标签
:visible：表示查询所有显示的标签
或:not(:hidden)

公司主营业务：网站设计、成都网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出永嘉免费做网站回馈大家。

jQuery属性选择器

div[id]：表示查询含有id属性的div元素
input[name='newsletter']：表示查询含有name属性，且其值是"newsletter"的input元素
input[name!='newsletter：表示查询含有name属性，且其值不是"newsletter"的input元素
input[name^='newsletter：表示查询含有name属性，且其值以"news"开头的input元素
"input[name$='letter'：表示查询含有name属性，且其值以"letter"结尾的input元素
input[name*='news']：：表示查询含有name属性，且其包含"news"的input元素
input[id][name$='letter']：表示查询含有id属性，且含有name属性，其值以"letter"字符串结束的input元素  

jQuery子元素选择器

:first-child：表示查询第一个子元素
:last-child：表示查询最后一个子元素
:only-child:表示查询只有一个子元素的元素
:nth-child(编号从1开始)，表示查询指定编号的元素  

jQuery表单选择器

:input：查找所有input元素的个数，注：包含所有input,textarea,select和button元素
:text
:password
:radio
:checkbox
:file
:submit
:reset
:image
:file

表单对象属性

:enabled：表示查询可用的元素
:disabled：表示查询不可用的元素
:checked：表示查询选中的复选/单选框的元素
:selected：表示查询选中的下拉框元素

本文题目：jQuery九类选择器
分享地址：http://6mz.cn/article/gigihg.html