多语言展示
当前在线:1996今日阅读:27今日分享:41

jQuery九大选择器

一、 选择器 在jQuery中,获取页面中元素的方式,我们称为选择器l 基本l 层级l 简单l 内容l 可见性l 属性l 子元素l 表单l 表单对象属性
方法/步骤
1

1、 基本 l #id :通过id属性值获取元素l Element :通过元素名获取元素l selector1,selector2 :获取列表中指定的所有元素l .class :获取使用class样式的所有元素

2

2、 层级 l ancetor descendant :匹配祖先元素下的后代元素l parent > child :匹配父元素下的子元素l prev + next  :匹配上一个元素的后面的元素,必须是挨着的l prev~siblings :匹配前一个元素的所有平辈元素,在prev元素后面才能匹配

3

3、 简单 l :first :匹配第一个元素l :last :匹配最后一个元素l :even :匹配索引为偶数的元素l :odd  :匹配索引为奇数的元素l :eq(index) :匹配索引为指定值的元素l :gt(index) :匹配索引大于指定值的元素l :lt(index) :匹配索引小于指定值的元素l :not(selector) :匹配除了指定选择器之外的所有元素

4

4、 内容 l :contains(text) :匹配内容中包含指定内容的元素l :empty  :匹配内容为空的元素l :has(selector)  :匹配内容中包含指定选择器的元素l :parent  :匹配内容不为空的元素

5

5、 可见性 l :hidden :匹配隐藏的元素l :visible :匹配显示的元素

6

6、 属性 l [attribute] :匹配具有指定属性的元素l [attribute=value] :匹配属性等于指定值的元素l [attribute!=value] :匹配属性不等于指定值的元素l [attribute^=value] :匹配属性值以指定值开始的元素l [attribute$=value] :匹配属性值以指定值结束的元素l [attribute*=value] :匹配属性值中包含指定值的元素l [selector1][selector2][selectorN]  :同时满足所有条件,则匹配

7

7、 子元素 l :nth-child(index/even/odd) :匹配指定索引的元素 从1算起l :first-child :匹配第一个子元素l :last-child :匹配最后一个子元素l :only-child :如果子元素是父元素的唯一子元素,则匹配

8

8、 表单 l :input :匹配所有表单元素$(“:input”) :匹配所有表单元素  select、textarea$(‘input’) :匹配input标签l :text  :文本框l :password :密码框l :radio  :单选按钮l :checkbox :复选框l :submit :提交按钮l :reset  :重置按钮l :image :图像按钮l :button :按钮l :file  :文件框l :hidden :隐藏域

9

9、 表单对象属性 l :enabled :匹配状态可用的表单元素l :disabled :匹配状态不可用的表单元素l :checked :匹配被选中的元素 匹配单选或复选l :selected :匹配被选中的元素 匹配的是option

推荐信息