jQuery内容文本值

最新推荐文章于 2024-06-13 02:48:16 发布

Eli-sun

最新推荐文章于 2024-06-13 02:48:16 发布

阅读量89

点赞数

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

本文链接：https://blog.csdn.net/vfjcgg/article/details/106016477

版权

jQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

jQuery内容文本值
主要针对元素的内容

1.普通元素内容html()(相当于原生innerHtml)
html() //获取元素的内容
html(“内容”) //设置元素的内容
2.普通元素文本内容text() (相当于原生 inner Text)
text() //获取文本内容
text(“内容”) //设置文本内容
3.表单的值val() (相当于原生value)
val() //获取表单的内容
val(“内容”) //设置表单的内容

栗子：

<!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="jquery-mini.js"></script>
</head>

<body>
    <div><span>我是内容</span></div>
    <input type="text" value="请输入内容">
    <script>
        // 1.获取设置元素内容
        console.log($("div").html());
        $("div").html("123");
        // 2.获取设置元素文本内容
        console.log($("div").text());
        $("div").text("123");
        // 3.获取设置表单值
        console.log($("input").val());
        $("input").val("123");
    </script>
</body>

</html>

Eli-sun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery内容文本值

jQuery内容文本值主要针对元素的内容1.普通元素内容html()(相当于原生innerHtml)html() //获取元素的内容html(“内容”) //设置元素的内容2.普通元素文本内容text() (相当于原生 inner Text)text() //获取文本内容text(“内容”) //设置文本内容3.表单的值val() (相当于原生value)val() //获取表单的内容val(“内容”) //设置表单的内容栗子：<!DOCTYPE html><ht
复制链接

扫一扫