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>