jQuery中:header选择器怎么使用?

在jQuery中:header选择器用于选择从(<h1>到<h6>)的所有标题元素。下面本篇文章就来给大家介绍一下jQuery :header选择器的用法,希望对大家有所帮助。

语法:

$(":header")

示例:将所有标题的颜色更改为红色

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script>
		$(document).ready(function() { 
            $(":header").css( 
                "color", "red"); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <h1>jQuery :header选择器</h1> 
        <h2>Hello</h2> 
  
        <div style="color:orange;">测试的div文本!</div> 
        <h5>测试的h5文本!</h5> 
        <p style="color:dodgerblue"> 测试的p文本!</p> 
        <p>测试的p文本!</p> 
    </center> 
</body> 
  
</html>

效果图:

c49d84e1af9339a1e37133d4bc04812.png-600

以上就是jQuery中:header选择器怎么使用?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » jQuery 答疑