jquery設置text的值示例

 本文主要介紹了jquery設置內容的方法，下面的例子演示如何通過 text()、html()以及val()方法來設置內容，大家參考使用吧 

jquery設置內容 - text()、html() 以及 val()   我們將使用前一章中的三個相同的方法來設置內容：   text() - 設置或返回所選元素的文本內容 html() - 設置或返回所選元素的內容（包括 HTML標記） val() - 設置或返回表單字段的值   下面的例子演示如何通過 text()、html() 以及 val() 方法來設置內容：   實例   代碼如下: $("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").click(function(){ $("#test2").html("<b>Hello world!</b>"); }); $("#btn3").click(function(){ $("#test3").val("Dolly Duck"); });     text()、html() 以及 val() 的回調函數   上面的三個 jQuery 方法：text()、html() 以及 val()，同樣擁有回調函數。回調函數由兩個參數：被選元素列表中當前元素的下標，以及原始（舊的）值。然後以函數新值返回您希望使用的字符串。   下面的例子演示帶有回調函數的 text() 和 html()：   實例     復制代碼 代碼如下: $("#btn1").click(function(){ $("#test1").text(function(i,origText){ return "Old text: " + origText + " New text: Hello world! (index: " + i + ")"; }); });   $("#btn2").click(function(){ $("#test2").html(function(i,origText){ return "Old html: " + origText + " New html: Hello <b>world!</b> (index: " + i + ")"; }); });