1. 程式人生 > 其它 >jQuery內容文字值

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)