jquery怎么获取body
问题描述
在使用jQuery进行网页开发时，常常需要获取页面中的<body>元素，以便进行一些操作或者添加样式。本文将介绍如何使用jQuery获取<body>元素，并提供具体的代码示例。
解决方案
方案一：使用$("body")方法
jQuery提供了一个方便的选择器方法$("selector")，可以通过选择器字符串来获取网页中的元素。要获取<body>元素，只需使用$("body")即可。
// 获取body元素
var body = $("body");
上述代码中，$("body")选择器会返回一个jQuery对象，这个对象代表了<body>元素。可以继续对该对象进行各种操作，比如添加样式、绑定事件等。
方案二：使用$("tagName")方法
除了使用选择器字符串，jQuery还提供了根据元素标签名获取元素的方法$("tagName")。因此，也可以使用$("body")来获取<body>元素。
// 获取body元素
var body = $("body");
这种方法与方案一的效果是一样的，都会返回一个代表<body>元素的jQuery对象。
方案三：使用$(document.body)方法
除了使用选择器字符串或者标签名，还可以使用document对象的body属性来获取<body>元素。jQuery提供了一个快捷方式$(document.body)来实现这个功能。
// 获取body元素
var body = $(document.body);
这个方法与前两种方法的结果是一样的，也会返回一个代表<body>元素的jQuery对象。
方案四：使用$("html").find("body")方法
如果以上方法无法获取到<body>元素，可能是因为页面结构的特殊性，比如<body>元素被嵌套在其他元素内部。这种情况下，可以使用$("html").find("body")方法来获取<body>元素。
// 获取body元素
var body = $("html").find("body");
这个方法通过先选择<html>元素，再通过find("body")方法查找内部的<body>元素，从而获取到<body>元素的jQuery对象。
示例代码
下面是一个完整的示例代码，演示如何使用上述方法获取<body>元素，并对其进行一些操作：
<!DOCTYPE html>
<html>
<head>
<title>获取body元素示例</title>
<script src="
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
jQuery获取body示例
<p>这是一个示例页面。</p>
<script>
$(document).ready(function() {
// 方案一
var body1 = $("body");
body1.addClass("highlight");
// 方案二
var body2 = $("body");
body2.addClass("highlight");
// 方案三
var body3 = $(document.body);
body3.addClass("highlight");
// 方案四
var body4 = $("html").find("body");
body4.addClass("highlight");
});
</script>
</body>
</html>
上述代码中，使用了四种不同的方法获取<body>元素，并为其添加了一个.highlight样式，使得<body>元素的背景颜色变成黄色。
甘特图
下面是一个使用mermaid语法表示的甘特图，展示了解决这个问题的时间安排：
gantt
dateFormat YYYY-MM-DD
title 解决方案实施甘特图
section 准备
获取问题描述: done, 2021-01-01, 1d
section 方案一
使用$("body")方法: done, after 获取问题描述, 1d
section 方案二
使用$("tagName")方法: done, after 方案一, 1d
section 方案三
使用$(document.body)方法: done, after 方案二, 1d
section 方案四
使用$("html").find("body
