×
目录
[1]焦点状态 [2]哈希状态 [3]动画状态[4]显隐状态前面的话
过滤选择器的内容非常多,本文介绍过滤选择器的最后一部分——状态选择器
焦点状态
:focus
:focus选择器选择当前获得焦点的元素
<div><button>btn1button><button>btn2button><button>btn3button>div><script> document.onclick =function(){ $(':focus').css('color','red'); } script>
对应于CSS选择器:focus
:focus{color:red}
如果用javascript实现类似效果
var tags = document.getElementsByTagName('*'); for(var i = 0; i < tags.length; i++){ tags[i].onfocus = function(){ this.style.color = 'red'; } }
哈希状态
:target
:target选择器用于匹配锚点对应的目标元素