.html() 与.text() 获取值、取值区别

1.html代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery.min.js">
        </script>
    </head>
    <body>
        
        <div id="d1">
            123
            <p>nihao</p>
        </div>
        <div id="d2" style="background-color: red;"></div>
        <div id="d3" style="background-color: blue;"></div>
        <span id="s1">hello world</span>
        <script type="text/javascript">
            console.log($("#d1").html());
            console.log($("#d1").text());
            $("#d2").html($("#d1").html());
            $("#d3").text($("#d1").html());
            
        </script>
    </body>
</html>

2.效果

3.总结

获取：html会把包括标签在内的内容获取到，而tex如果有标签，会把标签过滤掉，只获取文本内容

设置：html会渲染标签，而text会把标签以文本形式展示出来

.html() 与.text() 获取值、取值 区别

.html() 与.text() 获取值、取值区别