jQuery html的使用

本文介绍: 设置标签的html内容，之前的内容会清除（只会显示 CSDN）:追加html内容（会显示百度CSDN）

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

            var $div = $("div")
            // 获取标签div的html内容
            alert($div.html())
            console.log($div.html())

.html: 设置标签的html内容，之前的内容会清除（只会显示 CSDN）

            // 设置标签的html内容，之前的内容会清除
            $div.html("<a href='https://www.baidu.com'>百度</a>")

            // 设置标签的html内容，之前的内容会清除，会只显示CSDN
            $div.html("<a href='https://www.csdn.net/'>CSDN</a>")

.append:追加html内容（会显示 百度CSDN）

            // 设置标签的html内容，之前的内容会清除
            $div.html("<a href='https://www.baidu.com'>百度</a>")

            // 追加html内容，会显示 百度CSDN
            $div.append("<a href='https://www.csdn.net/'>CSDN</a>")

参考代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            var $div = $("div")
            // 获取标签div的html内容
            alert($div.html())
            console.log($div.html())
            // // 设置标签的html内容，之前的内容会清除
            // $div.html("<a href='https://www.baidu.com'>百度</a>")

            // // 设置标签的html内容，之前的内容会清除，会只显示CSDN
            // $div.html("<a href='https://www.csdn.net/'>CSDN</a>")

            // 设置标签的html内容，之前的内容会清除
            $div.html("<a href='https://www.baidu.com'>百度</a>")

            // 追加html内容，会显示 百度CSDN
            $div.append("<a href='https://www.csdn.net/'>CSDN</a>")




        });
    </script>
</head>
<body>
    <div>
        哈哈啊哈哈
    </div>
    
</body>
</html>

原文地址:https://blog.csdn.net/CherryChanccc/article/details/135944536

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若转载，请注明出处：http://www.7code.cn/show_63775.html

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。