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)

jQuery内容文本值

jQuery内容文本值

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

 jQuery内容文本值

 

 jQuery内容文本值

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

原创文章,作者:506227337,如若转载,请注明出处:https://blog.ytso.com/245601.html

(0)
上一篇 2022年4月18日
下一篇 2022年4月18日

相关推荐

发表回复

登录后才能评论