本文主要介紹了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 + ")"; }); });