jquery設(shè)置text的值示例(設(shè)置文本框 DIV 表單值)
jquery設(shè)置內(nèi)容 - text()、html() 以及 val()
我們將使用前一章中的三個相同的方法來設(shè)置內(nèi)容:
text() - 設(shè)置或返回所選元素的文本內(nèi)容
html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML標(biāo)記)
val() - 設(shè)置或返回表單字段的值
下面的例子演示如何通過 text()、html() 以及 val() 方法來設(shè)置內(nèi)容:
實例
$("#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() 的回調(diào)函數(shù)
上面的三個 jQuery 方法:text()、html() 以及 val(),同樣擁有回調(diào)函數(shù)?;卣{(diào)函數(shù)由兩個參數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串。
下面的例子演示帶有回調(diào)函數(shù)的 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中ztree 點擊文本框彈出下拉框的實例代碼
- jquery獲得下拉框值的代碼
- jquery動態(tài)加載select下拉框示例代碼
- Jquery操作下拉框(DropDownList)實現(xiàn)取值賦值
- 基于jquery的無限級聯(lián)下拉框js插件
- JQuery實現(xiàn)級聯(lián)下拉框效果實例講解
- 基于jquery實現(xiàn)的可編輯下拉框?qū)崿F(xiàn)代碼
- jquery模擬SELECT下拉框取值效果
- 利用Jquery實現(xiàn)可多選的下拉框
- 在js(jquery)中獲得文本框焦點和失去焦點的方法
- jQuery實現(xiàn)點擊下拉框中的值累加到文本框中的方法示例
相關(guān)文章
簡單談?wù)刯Query(function(){})與(function(){})(jQuery)
這篇文章主要簡單介紹了jQuery(function(){})與(function(){})(jQuery)的區(qū)別,需要的朋友可以參考下2014-12-12jquery實現(xiàn)聯(lián)想詞搜索框和搜索結(jié)果分頁的示例
今天小編就為大家分享一篇jquery實現(xiàn)聯(lián)想詞搜索框和搜索結(jié)果分頁的示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10關(guān)于動態(tài)生成dom綁定事件失效的原因及解決方法
下面小編就為大家?guī)硪黄P(guān)于動態(tài)生成dom綁定事件失效的原因及解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08jQuery實現(xiàn)數(shù)秒后自動提交form的方法
這篇文章主要介紹了jQuery實現(xiàn)數(shù)秒后自動提交form的方法,實例分析了jQuery實現(xiàn)form表單延時提交的技巧,需要的朋友可以參考下2015-03-03jQuery使用hide()、toggle()函數(shù)實現(xiàn)相機品牌展示隱藏功能
這篇文章主要介紹了jQuery使用hide()、toggle()函數(shù)實現(xiàn)相機品牌展示隱藏功能,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-01-01基于JQuery的動態(tài)刪除Table表格的行和列的代碼
基于JQuery的動態(tài)刪除Table表格的行和列的代碼以前腳本之家也發(fā)布過相關(guān)的代碼,大家可以參考下。2011-05-05