JQ用CSS样式选择器来选择元素
2016-10-31 09:43:25 0 举报AI智能生成
JQ（JavaScript）可以使用CSS样式选择器来选择HTML元素并对其应用样式。CSS样式选择器是一种模式，用于选择具有特定属性和值的元素。例如，可以使用类选择器来选择具有特定类名的所有元素，或者使用ID选择器来选择一个具有特定ID的元素。JQ提供了一些额外的选择器，如层次选择器、子元素选择器和相邻兄弟选择器等，以方便地操作DOM元素。通过使用这些选择器，可以轻松地改变元素的外观和行为，实现动态的网页效果。
作者其他创作
大纲/内容
查找元素
* 所有元素
element 该名称的所有元素
#id 拥有指定id属性的元素
.class 拥有指定class属性的元素
selector1，selector2 能匹配多个选择器的元素
基本选择器
ancestor descendent 一个元素是另一个元素的后代（如 li a）
parent>child 一个元素是另一个元素的直接子节点
previous+next相邻的兄弟选择器，只会选中紧跟在前一个元素之后的那个元素
previous~siblings 选中前一个原色的所有兄弟元素
基本筛选器
：not(selector) 处选择器之外的所有元素（如：div:not('#summary')）
:first 选中元素中的第一个元素
：last 选中元素中的最后一个元素
：even选中元素中索引编号为偶数的元素
：odd 选中元素中索引编号为奇数的元素
：eq(index)选中追定参数的元素
：gt（index）选定索引编号大于参数的元素
：lt(index)选定索引编号小于参数的元素
header所有<h1>到<h6>元素
:animated 正在进行动画的元素
：focus 当前拥有焦点的元素
内容筛选器
：contains('text') 包含参数中指定文本的元素‘’
：empty 没有子节点的所有元素
：parent 拥子节点的元素
：has(selector)至少拥有一个匹配选择器的元素（如div:has（p）匹配所有包含<p>的<div>元素）
可见性筛选器
：hidden所有隐藏的元素
：visible所有在页面不居中占据空间的元素
子节点筛选器
：nth-child(expr) 参数中的值是从1开始的索引
：first-child当前选中元素的第一个子节点
：last-child当前选中元素的最后一个节点
：only-child当元素是父元素中唯一的子节点（div p:only-child）
属性筛选器
[attribute]拥有指定属性的元素
[attribute='value']拥有指定属性，并且值为指定值的元素
[attribute！='value'] 指定属性，并且值不为指定值的元素
[attribute^='value']属性值以特定值开头
[attribute='value']属性值以特定值结尾
[attribute*='value']属性值应该包含特定的值
[attribute|='value'] 属性值等于特定字符，或者后面加一个连字符开头
[attribute~='value']属性值是以空格分隔的多个值中的一个
[attribute][attribute2]匹配所有选择器元素
表单
：input 所有input元素
：text 所有文本类型的input元素
：password 所有密码类型的input元素
：radio 所有单选按钮
：checkbox 所有复选按钮
：submit 所有提交按钮
：image 所有图片按钮
：reset 所有重置按钮
：button 所有<button>元素
：file 所有文件选择器
：selected 下拉列表中所有被选中的列表项
：enabled 所有可用的表单元素
：disabled 所有被禁用的表单元素
：checked 所有被选中的单选按钮或复选框
0 条评论
下一页
