jQuery中的text()、html()、val()的用法和区别

最新推荐文章于 2024-06-15 07:33:35 发布

旭东怪

最新推荐文章于 2024-06-15 07:33:35 发布

阅读量825

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_38974638/article/details/105810932

版权

1、text()

作用：

（1）无参数时返回被选元素的文本内容，文本内容不包括html标签。

（2）有参数时设置被选元素的文本内容，文本内容不包括html标签。

注：text()针对input、button标签无效

测试代码：

<body>
    <div id="div1">div有文本内容</div>
    <div id="div2">
        div2内的文本
        <span>span内有文本内容</span>
    </div>
    <input type="text" id="input1" value="这是一个input标签">
    <input type="text" name="" id="input2" placeholder="能成功获取">
    <button id="button1" value="这是一个button标签"></button>
    <script>
        console.log($("#div1").text());
        console.log($("#div2").text());
        console.log($("#div2 span").text()) ;
        console.log($("#input1").text());
        console.log($("