jQuery html( )方法

最新推荐文章于 2024-05-15 13:12:20 发布

「已注销」

最新推荐文章于 2024-05-15 13:12:20 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/m0_57835615/article/details/117638813

版权

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>

效果图：