jQuery :header选择器
:header选择器语法
$(':header')
:header选择器语法解析
jQuery中的:header选择器,可以用于匹配选择当前HTML文档中所有的标题元素,包括:h1、h2、h3、h4、h5、h6等。
:header选择器实例代码
如下实例,设置了六个标题元素,并通过:header选择器匹配选择。
提示:下方的实例在线运行之后,在线编辑器之外的HTML的文档中的标题元素的CSS样式也会发生改变,若要恢复原状,直接刷新页面即可!
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<button id="test" class="btn">确定</button>
<script>
$('#test').click(function(){
$(':header').css("font-size","3.5em");
})
</script>
免责声明:内容仅供参考,不保证正确性!