jquery使用html方法获取和设置标签的html内容

最新推荐文章于 2025-05-28 11:09:28 发布

缘源园

最新推荐文章于 2025-05-28 11:09:28 发布

阅读量487

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery html js javascript

本文链接：https://blog.csdn.net/weixin_48135624/article/details/115290808

jQuery 专栏收录该内容

12 篇文章

订阅专栏

该博客介绍了jQuery中html方法的用法，包括获取和设置HTML内容以及追加内容。示例展示了如何获取<div id='div1'>内的HTML内容，并设置为带样式的红色文本，以及如何使用append方法追加内容。

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

html方法的使用

jquery中的html方法可以获取和设置标签的html内容

示例代码:

<script>
    $(function(){

        var $div = $("#div1");
        //  获取标签的html内容
        var result = $div.html();
        alert(result);
        //  设置标签的html内容，之前的内容会清除
        $div.html("<span style='color:red'>你好</span>");
        //  追加html内容
        $div.append("<span style='color:red'>你好</span>");

    });
</script>

<div id="div1">
    <p>hello</p>
</div>

说明:

给指定标签追加html内容使用append方法