children方法
添加一个行内样式CSS方法
CSS方法如果设置一个样式 那么就是两个参数 第一个参数是样式名 第二个参数是样式值
添加多个行内样式
CSS方式添加多个样式 里面是一个参数 这个参数是一个对象,把所有样式写在对象中即可
$("#box").children().css({
backgroundColor:"blue",
fontSize:"30px"
})
children(选择子级元素) 方法传入参数(这个参数是一个选择器),对获取的元素进行筛选
类数组的其他操作
parent 在给定的父元素下匹配所有的字元素
siblings 取得一个包含匹配的元素合集中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选
prev 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合
next 取得一个包含匹配元素集合中每一个元素紧邻的后面同悲元素的元素集合
nextAll 查找当前元素之后的所有同辈元素
end:回到最近的一个破坏性操作之前即,将匹配元素列表变为前一次的状态
层次选择器
匹配所有紧接在 prev 元素后的 next元素
两个条件 紧邻 元素符合选择器要求
匹配 prev 元素的所有下边同悲 siblings元素
过滤选择器
:first: 获取第一个元素
:last: 获取最后一个元素
not: 去除所有与给定选择器匹配的元素
odd: 匹配所有所有索引值为奇数的元素,从0开始计算
even: 匹配所有索引值为偶数的元素从0开始
:gt: 匹配所有大于给定索引值的元素
:lt: 匹配所有小于给定索引值的元素
:header 匹配如 h1.h2,h3之类的标题元素
contains: 匹配包含给定文本的元素
:empty: 匹配所有不包含子元素或者文本的空元素
:has 匹配含有选择器所匹配的元素的元素哪一个li中拥有类名为.Li55的元素那么就把这个li选中了li:has(".li55")
:parent: 匹配含有子元素或者文本的元素
匹配第一个子元素:first只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
匹配最后一个子元素:last只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
only-child如果某个元素是父元素中唯一的子元素,那将会被匹配
属性过滤选择器
.class选择器[元素]name:匹配包含给定属性的元素
.class选择器[元素]name=""匹配给定的属性是某个特定值的元素
.class选择器[元素]name!=""匹配所有不含有指定的属性,或者属性不等于特定值的元素
.class选择器[元素]name^ =""匹配给定的属性是以某些值开始的元素
.class选择器[元素]name$=""匹配给定的属性是以某些值结尾的元素
.class选择器[元素]name*=""匹配给定的属性是以包含某些值的元素
nth-child下标从1开始
表单元素的禁用和被选择
aisabled:禁用表单
checked:默认单选框 多选框被选中
selected:默认下拉列表的选项
表单选择器
:input 选择所有的表单元素
:enabled:可用的表单元素
:disabled:不可用的表单元素
:checked:所有被选择的元素
:selected所有被选择的元素
网友评论