jQuery html() text() val()方法
html() 他可以设置和获取起始标签和结束标签中的内容 跟dom属性innerHTML一样
text() 它可以获取起始标签和结束标签中的标签中的文本 跟dom方法中的innerText一样
val() 它可以获取文本框中的value值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="jquery-3.5.1.js"></script>
<SCRIPT type="text/javascript">
$(function (){
alert($("div").html());
alert($("div").text());
})
</SCRIPT>
</head>
<body>
<div>我是div标签<span>我是div中的span</span></div>
</body>
</html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="jquery-3.5.1.js"></script> <SCRIPT type="text/javascript"> $(function (){ alert($("div").html("<h1>我是div中的标题1</h1>")); alert($("div").text()); $("button").click(function (){ $("#username").val("操作"); }) $(":radio,:checkbox,#select").val(["radio1","checkbox1","checkbox3","option3"]) }) </SCRIPT> </head> <body> <div>我是div标签<span>我是div中的span</span></div> <input type="text" name="username" id="username"> <button>操作标签框</button> <input type="radio" value="radio1">1 <input type="radio" value="radio2">2 <input type="checkbox" value="checkbox1">1 <input type="checkbox" value="checkbox2">2 <input type="checkbox" value="checkbox3">3 <select id="select"> <option value="option1">op1</option> <option value="option2">op2</option> <option value="option3">op3</option> </select> </body> </html>
