jQuery :root选择器
:root选择器语法
$(':root')
:root选择器语法解析
jQuery中的:root选择器可以用于匹配选择HTML文档中的根元素,而HTML文档的根元素总是<html>。
:root选择器实例代码
下方实例,通过:root选择器选择当前HTML文档中的根元素,因此这个在线编辑器是当前网页中的一部分,因此选择了根元素将会匹配选择的是当前网页的html标签元素,然后设置其边框的属性,点击按钮后,会发现页面的周围有绿色的边框,刷新一下就恢复原状了:
<button id="test">设置</button>
<script>
$("#test").click(function(){
$(":root").css("border","5px solid green")
})
</script>
免责声明:内容仅供参考,不保证正确性!