jQuery :root选择器

:root选择器语法

$(':root')

jQuery中的:root选择器可以用于匹配选择HTML文档中的根元素，而HTML文档的根元素总是<html>。

下方实例，通过:root选择器选择当前HTML文档中的根元素，因此这个在线编辑器是当前网页中的一部分，因此选择了根元素将会匹配选择的是当前网页的html标签元素，然后设置其边框的属性，点击按钮后，会发现页面的周围有绿色的边框，刷新一下就恢复原状了：

<button id="test">设置</button>

<script>
$("#test").click(function(){
  $(":root").css("border","5px solid green")
})
</script>

免责声明：内容仅供参考，不保证正确性！

hot：热门