jQuery对元素内容操作-->对文本内容的操作

1.定义和用法

  text(): 用于获取全部匹配元素的文本内容

  注意:也可以解析XML文档元素的文本内容

  示例:

<body>
    <script type="text/javascript">
        $(document).ready(function(){
            console.log($("div").text())
        })
    </script>
    <div id="box">
        <p>hello world</p>
    </div>
</body>

  输出:

  text(val):用于设置全部匹配元素的文本内容

  注意:元素原来的内容将被新设置的内容替换掉,包括HTML内容

     设置文本内容时,即使内容包含HTML代码,也将被仁维时普通文本,并不能作为HTML代码被浏览器解析

  示例:

<body>
    <script type="text/javascript">
        $(document).ready(function(){
            $("div").text('<p>我是新设置的文本内容</p>')
            console.log($("div").text())
        })
    </script>
    <div id="box">
        <p>hello world</p>
    </div>
</body>

  输出:

 

posted @ 2020-05-09 08:09  abner_pan  阅读(280)  评论(0编辑  收藏  举报