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