Jquery(选择器)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Sxx312/article/details/82356473

选择器

基本选择器

id选择器,类选择器,标签名

层次选择器

$("ancestor descendant")  选取ancestor元素里的所有descendant(后代)元素
$("parent>child")  选取parent元素下的child(子)元素
$("prev+next")  选取紧接在prev元素后的next元素(同辈元素)
$("prev~siblings")  选取prev元素之后的所有sibling元素(同辈元素)

过滤选择器

1.基本过滤选择器

:first  选取第一个元素
:last  选取最后一个元素
:not(selector)  去除所有与给定选择器匹配的元素
:even  选取索引是偶数的所有元素,从0开始
:odd
:eq(index)  选取索引等于index的元素
:gt(index)  大于
:lt(index)  小于
:header  选取所有的标题元素,(h1,h2,h3)
:animated  选取当前正在执行动画的所有元素
:focus 选取当前获取焦点的元素

2.内容过滤选择器

:contains(text)  选取含有文本内容为"text"的元素
:empty  选取不包含子元素或者文本的空元素
:has(selector)  选取含有选择器所匹配的元素
:parent 选取含有子元素或者文本的元素

3.可见性过滤选择器

:hidden  选取所有不可见的元素
:visible  选取所有可见的元素

$("div:hidden").show(3000)

4.属性过滤选择器

[attribute]
[attribute=value]
!=
^=  选取属性的值以value开始的元素
$=  选取属性的值以value结束的元素
*=  选取属性的值含有value的元素
|=  选取属性等于给定字符串或以该字符串为前缀的元素
~=  选取属性用空格分隔的值中包含一个给定值的元素

5.子元素过滤选择器

nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或者奇偶元素
first-child  选取每个父元素的第1个子元素
last-child  选取每个父元素的最后一个子元素
only-child  如果某个元素是它父元素的唯一子元素,将会匹配否则不会匹配

6.表单对象属性过滤选择器

:enabled  选取所有可用元素
:disabled  选取所有不可用元素
:checked  选取所有被选中的元素(单选框,复选框)
:selected  选取所有被选中的选项元素(下拉列表)

表单选择器

:input  选取所有的<input>、<textarea>、<select>和<button>元素
:text  选取所有的单行文本框
:password  选取所有的密码框
:radio  选取所有的单选框
:checkbox  选取所有的多选框
:submit  选取所有的提交按钮
:image  选取所有的图像按钮
:reset  选取所有的重置按钮
:button  选取所有的按钮
:file  选取所有的上传域
:hidden  选取所有不可见元素

特殊符号 转义字符 “\”

猜你喜欢

转载自blog.csdn.net/Sxx312/article/details/82356473