选择器总结
- 基础选择器
id #
class .
标签 div
`*` 通配符
群组 #box,p
css() 一个值的时候是找这个元素的值,两个值的时候是设置样式
举例 找元素的值:alert($('p').css('color'))
举例 设置元素的样式: $('#txt').css('color','red');
size() 返回的元素个数
举例:alert($('p').size())
- 层次选择器
$('p>span') 子选择器
$('p span a') 后代选择器
$('div+p') 同级下一个节点选择器
$('div~p') 下面所有的同级节点选择器
- 过滤选择器
:first 选中第一个元素
:last 选中最后一个元素
:not() 不选中某一个元素
:even 选中是偶数的元素(从零开始计算,第一个元素是0)
:odd 选中是奇数的元素
:eq(数字) 选中相等数字的元素(从零开始计算,第一个元素是0)
:gt(index) 选中大于数字的元素
:lt(index) 选中小于数字的元素
- 内容过滤选择器
p:contains('文本') 匹配包含给定文本的元素(找到p标签中包含指定文本内容的p标签)
p:has('.red') 有没有包含特定属性值的元素
empty 匹配所有不包含子元素或者文本的空元素
- 可见性
:hidden 匹配所有不可见元素,或者type为hidden的元素
:visible 匹配所有的可见元素
- 属性选择器