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>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.