jQuery html( )方法

最新推荐文章于 2021-06-26 02:02:33 发布

「已注销」

最新推荐文章于 2021-06-26 02:02:33 发布

阅读量1.4k

点赞数

本文链接：https://blog.youkuaiyun.com/m0_57835615/article/details/117638813

版权

本文详细介绍了jQuery的html()方法如何获取和设置HTML元素的内容，通过示例展示了其在实际项目中的应用，重点突出了HTML代码解析功能。

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

jQuery html( )方法可以设置或返回所选元素的内容，值得一提的是，该方法可以解析HTML代码。

（1）获取内容

示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jQuery.min.js"></script>
    <script>
        $(document).ready(function () {
            console.log($("p").html());
        })
    </script>
</head>

<body>
    <p><b>注意：</b><span>html()方法可以解析HTML代码</span></p>
</body>

</html>

控制台输出：

（2）设置内容

示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jQuery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("p").html("<b>注意：</b><span>html()方法可以解析HTML代码</span>");
        })
    </script>
</head>

<body>
    <p></p>
</body>

</html>

效果图：