text() - 设定值或返回所选元素的文本内容<br />
    html() - 设定值或返回所选元素的内容(包括 HTML 标记)
    val()  - 设定值或返回表单元素的值,但只限于input、select、textarea元素

 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>text demo</title>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
    <p id="test">这是段落中的<b>粗体</b>文本。</p>
    <input id="Text1" type="text" /><br />
    <select id="Select1">
        <option value="值一">选项一</option>
        <option value="值二">选项二</option>
        <option value="值三">选项三</option>
    </select><br />
    <button id="btn1">显示</button>

    <script>
        $("#btn1").click(function () {
            alert("Val: " + $("#test").val());
            alert("Text: " + $("#test").text());
            alert("HTML: " + $("#test").html());
            alert("下拉选单的文字: " + $("#Select1").find(":selected").text());
            alert("下拉选单的值: " + $("#Select1").find(":selected").val());
        });
    </script>
</body>
</html>


相关文章