在 jQuery 中，可以使用 :root 选择器来选取文档的根元素。:root 选择器在 CSS 中也有相同的用法，用于选择文档的根元素。
语法
:root 选择器的语法非常简单，只需要使用 :root 关键字即可。
$(":root")用途
:root 选择器通常用于获取文档的根元素，一般情况下文档的根元素就是 <html> 元素。通过使用 :root 选择器，我们可以对根元素进行操作，比如改变根元素的样式或者添加一些属性。
示例
改变根元素的背景颜色
$(":root").css("background-color", "lightblue");添加一个新的属性到根元素
$(":root").attr("data-theme", "light");获取根元素的高度
var rootHeight = $(":root").height();
console.log("根元素的高度是：" + rootHeight);隐藏根元素
$(":root").hide();通过上面的示例代码，你可以看到如何使用 :root 选择器来选取文档的根元素，并对其进行一些操作。这在一些特定的场景下会非常有用，比如在调整整个页面的主题时，可以通过改变根元素的样式来实现。