jQuery内容文本值

代码示例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>02-jQuery内容文本值</title>
        <script src="jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div>
            <span>我是内容</span>
        </div>
        <input type="text" value="请输入内容" />
    </body>
    <script type="text/javascript">
        //1.获取设置元素内容html()
        console.log($("div").html());
        // $("div").html("123");
        //2.获取设置元素文本内容text()
        console.log($("div").text());
        $("div").text("123");
        //3.获取设置表单值val()
        console.log($("input").val());
        $("input").text("123")
    </script>
</html>

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

1.普通元素内容html0(相当于原生inner HTML)

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

 

 

 

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

posted @ 2022-04-18 10:53  今天穿秋裤了吗  阅读(32)  评论(0)    收藏  举报