jQuery :root 伪类选择器

ttcyan

于 2017-01-05 19:25:38 发布

阅读量980

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/cyanciel/article/details/54096890

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

本文介绍如何使用CSS的$:root选择器来选择HTML文档的根元素，并通过jQuery来改变其背景颜色。$:root选择器总是选择文档的根元素，在HTML中即为<html>元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>:root</title>
	<style>
		.focused {    
			background: #abcdef;
		}
	</style>
</head>
	<script src="jquery-3.1.1.js">
	</script>
<body>
	<!--:root选择文档的根元素
		在HTML中，文档的根元素，和$(":root")选择的元素一样， 永远是<html>元素。
	-->
</body>
<script type="text/javascript">
	$(':root').css('background','lightgreen');
        //相当于给html设置一个背景色
</script>
</html>