jQuery內容文字值
阿新 • • 發佈:2022-04-18
程式碼示例:
<!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)