jQuery 选择器
格式:$("选择器表达式"),细分类如下:
基本选择器:
1、所有选择器("*")
获取当前页面中所有对象
2、类选择器(".class")
获取当前页面带有指定 class 的元素
3、元素选择器("element”)
获取带有指定标签名的元素
4、id选择器("#id")
获取当前页面中带有指定id的元素
5、组合选择器("select1,select2,select3....")
属性选择器:
1、属性过滤器 $("selector[attribute=value]") $("selector[attribute!=value]")
用于筛选指定属性等于某指定值得所有元素
2、包含过滤器 $("selector[attribute]")
用于筛选包含给定属性的所有元素
3、开始过滤器 $("selector[attribute^=value]")
用于筛选指定属性等于某指定值开始的所有元素
4、结尾过滤器 $("selector[attribute$=value]")
用于筛选指定属性等于某指定值结尾的所有元素
5、任意过滤器 $("selector[attribute*=value]")
用于筛选指定属性值包含给定字符串的所有元素
6、复合过滤器 $("selector[attribute][attribute][attribute]....")
用于筛选同时满足多个条件的所有属性
位置选择器:
(基本选择器:位置选择器)
1、选择第一个
$("selector:first")
2、选择最后一个
$("selector:last")
3、选择奇数
$("selector:odd")
4、选择偶数
$("selector:even")
5、获取指定位置(可以是负值 正:0 负:-1)
$("selector:eq(n)")
6、大于指定位置
$("selector:gt(n)")
7、小于指定位置
$("selector:lt(n)")
层叠选择器:
1、后代选择器 (包括非直接子节点 )
$("selector descendant(子孙)")
2、子选择器(必须是子元素 )
$("parent>child")
3、相邻选择器(往下选 自身不选 不包括非直接子节点 )
$("prev+next")
4、兄弟选择器(自身不选 不包括非直接子节点 )
$("prev~siblings")
内容选择器(主要运用在DOM元素所包含的字元素或其文本内容上):
1、内容选择器(选取含文本内容为“text”的元素)
E:contains(text)
2、包含元素选择器(选择含有某元素的元素)
E:has(element)
3、空内容选择器(选择不含任何子元素或文本的空元素)
E:empty
4、非空内容选择器(选择含有子元素或文本的元素)
E:parent
表单选择器:
1、$(":input")
所有的表单元素都会被选中,如:文本框、多行文本框、单选框、复选框、按钮,密码框,下拉列表等
2、$(":text")
选择所有的text input 元素 type="text"
3、$(":password")
选择所有的password input元素
4、$(":button")
选择所有的button input元素
5、$(":radio")
选择所有的radio input元素
6、$(":checkbox")
选择所有的checkbox input元素
7、$(":submit")
选择所有的submit input元素
8、$(":image")
选择所有的image input元素
9、$(":reset")
选择所有的reset input元素
10、$(":button")
选择所有的button input元素
11、$(":file")
选择所有的file input元素
12、$(":hidden")
设置为 display:none
带有 type="hidden" 的表单元素
width 和 height 设置为 0
隐藏的父元素(这也会隐藏子元素)
13、$(":enabled")
选择所有的可操作的表单元素
14、$(":disabled")
选择所有的不可操作的表单元素
15、$(":checked")
选择所有的被checked的表单元素
16、$(":selected")
选择所有的被selected的表单元素
子选择器:
1、E:first-child
选择所有位于其父元素第一个位置的E元素
2、E:last-child
选择所有位于其父元素最后一个位置的E元素
3、E:nth-child(1开始)
选择所有位于其父元素某一指定位置的E元素
相关链接:
demo以及资料访问地址:vss上面 \99.Study\selector.rar