jquery設置text的值示例(設置文本框 DIV 表單值)
更新時間：2014年01月06日 10:05:58 作者：
本文主要介紹了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 + ")";
});
});
相關文章
通過jquery獲取ul中第一個li的屬性，當加載列表時，默認希望選中第一條，下面是具體的實現代碼2014-11-11
這款彈出框插件是本人自己模仿IOS原生彈出框寫的一個自定義插件，包括Alert彈出框和Confirm確認框，支持標題，內容，按鈕文字以及按鈕回調函數自定義，使用非常簡單，本文給大家介紹了jQuery仿IOS彈出框插件,需要的朋友可以參考下2017-02-02
jQuery的hover事件只是針對單個HTML元素，不過，有些時候我們希望當鼠標進入兩個或多個元素時觸發(fā)fun1，離開他們時觸發(fā)fun2，而在這些元素間移動鼠標并不觸發(fā)任何事件2014-06-06
jQuery 操作Xml 入門級代碼2008-12-12
JQuery獲取可視區(qū)尺寸和文檔尺寸及制作懸浮菜單示例
這篇文章主要介紹了JQuery獲取可視區(qū)尺寸和文檔尺寸及制作懸浮菜單,涉及jQuery針對頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下2019-05-05
如果文檔中某一個元素多余，那么應將其刪除。jQuery提供了兩種刪除節(jié)點的方法，remove()方法和empty()方法下面為大家詳細介紹下2014-01-01
這篇文章主要介紹了jQuery客戶端分頁實例代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了jQuery實現復選框批量選擇與反選的方法,主要通過jQuery的attr與removeAttr方法實現選擇與反選的功能,非常具有實用價值,需要的朋友可以參考下2015-06-06
本文給大家介紹的是一款移動端下的jQuery插件Hammer.js，他是一個開源的，輕量級的javascript庫，它可以在不需要依賴其他東西的情況下識別觸摸，鼠標事件支持各種手機事件，比如縮放，qq左滑動刪除，放大，旋轉等2015-07-07
蘑菇街導航固定頂部的效果想必大伙有所關注吧，想實現吧，本文將帶你走完實現之旅，接下來的代碼是使用jquery，感興趣的各位可不要錯過了哈2013-03-03