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>


文章標籤
創作者介紹
創作者 Roger 的頭像
Roger

歡迎~ 程式設計 學生 作業 專題製作 程式外包 家教...

Roger 發表在 痞客邦 留言(0) 人氣()