jQuery :header选择器

最新推荐文章于 2024-10-16 13:32:50 发布

原创最新推荐文章于 2024-10-16 13:32:50 发布 · 461 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文通过一个简单的HTML页面示例展示了如何使用jQuery来动态地改变页面中标题元素的背景颜色及宽度，实现页面样式的即时更新。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>:header</title>
</head>
	<script src="jquery-3.1.1.js">
	</script>
<body>

	<h1>H1-Header</h1>
	<p>慕容雪</p>
	<h2>H2-Header</h2>
	<p>苏州河</p>
</body>
<script type="text/javascript">
	$(':header').css('background','violet');
	$(':header').css('width','200px');
</script>
</html>

效果