jq 中常见的选择器

hlcc

1 基本选择器
id选择器 #id $("#test")
class 选择器 .class $(".test")
元素选择器 element $(p) $(img)
通配符选择器 $("*") 匹配所有元素

2 层次选择器
$("div span") 选取div 里面所有的span
$("parent>child") 选取 parent 元素下的child 子元素
$("prev + next") 选取紧接在prev元素后的next元素
$(".one+div") 等价于$(".one").next("div")
$("prev~sibkings") 选取prev 元素之后的所有siblings 元素
$("#prev~div") 等价于 $("#prev").nextAll("div")

3 过滤选择器

3.1 基本过滤选择器
:first 选取第一个元素 $("div:first")
:last 选取最后一个元素 $("div:last")
:even 选取索引是偶数的所有元素 索引从0开始
:odd 选取索引是奇数的所有元素 索引从1开始
:eq(index) 选取索引等于index 的元素 索引从0开始
:gt(index) 选取索引大于index 的元素 索引从0开始
:lt(index) 选取索引小于index 的元素 索引从0开始
:header 选取所有的标题元素 eg: h1 h2 h3
:animated 选取当前正在执行动画的所有元素

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

3.3 可见性过滤选择器
:hidden 选取所有不可见的元素 $(":hidden")
$(":hidden")选取所有不可见元素。
包括:<input type="hidden"/>
<div style="display:none;">
<div style="visibility=hidden">等元素。
:visible 选取所有可见元素

3.4 属性过滤选择器
[attribute] 选取拥有此属性的元素
[attribute = value] 选取属性值为value的元素
[attribute !=value] 选取属性值不等于value的元素
[attribute^=value] 选取属性值以value开始的元素
[attribute $=value] 选取属性值以value 结束的元素
[attribute *=value] 选取属性值含有value值的元素

3.5 子元素过滤选择器
:first-child 选取每个父元素下第一个子元素
:last-child 选取每个父元素下的最后一个子元素
:only-child 如果某个元素是他父元素中唯一的一个子元素,那么将会被匹配,
如果父元素中含有其他的元素将不会匹配

3.6 表单对象属性过滤选择器
:enabled 选取所有可用的元素
:disabled 选取所有不可用的元素
:checked 选取所有被选中的元素(单选框、复选框)
:selected 选取所有被选中的选项元素(下拉列表)

4 表单选择器
:input 选中所有input textarea select button 元素
:text 选取所有单行文本框
:password 选取所有密码框
:radio 选取所有单选框
:checkbox 选取所有多选框
:submit 选取所有的提交按钮
:file 选取所有的上传域
:hidden 选取所有不可见元素

5 获得兄弟元素的方法
next() 当前元素之后的近邻的第一个兄弟元素
nextAll() 当前元素之后的所有的兄弟元素
prev() 当前元素之前的近邻的兄弟元素
prevAll() 当前元素之前的所有的兄弟元素
sibling() 当前元素的所有的兄弟元素

阅读 1k

贺兰丛丛
关于php、liunx、nginx、js 方面的技术文章。

放养程序员

106 声望
9 粉丝
0 条评论

放养程序员

106 声望
9 粉丝
文章目录
宣传栏