版权声明:本文为博主原创文章,未经博主允许不得转载。 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 选取所有不可见元素