【jQuery】常用API——jQuery内容文本值

最新推荐文章于 2024-05-20 15:17:08 发布

早睡早起长头发

最新推荐文章于 2024-05-20 15:17:08 发布

阅读量293

点赞数

分类专栏： jQuery 文章标签： jquery javascript 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_51481135/article/details/128602846

版权

jQuery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

要针对元素的内容还有表单的值操作。

- 普通元素内容 html()（相当于原生 inner HTML)

html(); // 获取元素的内容

html('内容'); // 设置元素的内容

    <script src="../jquery.min.js"></script>
</head>

<body>
    <div>
        <span>我是内容</span>
    </div>
    
    <script>
        // 获取元素内容 html()，包括标签
        console.log($("div").html());
        // 设置
        $("div").html("123");
    </script>
</body>

2. 普通元素文本内容 text()（相当与原生 innerText)

text(); // 获取元素的文本内容

text(''文本内容''); // 设置元素的文本内容

    <script src="../jquery.min.js"></script>
</head>

<body>
    <div>
        <span>我是内容</span>
    </div>

    <script>
        // 获取元素文本内容 text(),不含标签
        console.log($("div").text());
        // 设置
        $("div").text("123");
    </script>
</body>

3. 表单的值 val()（相当于原生value)

val(); // 获取表单的值

val(''内容''); // 设置表单的值

    <script src="../jquery.min.js"></script>
</head>

<body>
    <input type="text" value="请输入内容">

    <script>
        // 3. 获取表单值 val()
        console.log($("input").val());
        // 设置
        $("input").val("123");
    </script>
</body>