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