這篇文章主要講解了“后臺怎么取jquery里給span設(shè)置好的值”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“后臺怎么取jquery里給span設(shè)置好的值”吧！

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的桃山網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

我們將使用三個相同的方法來設(shè)置內(nèi)容：

text() - 設(shè)置或返回所選元素的文本內(nèi)容

html() - 設(shè)置或返回所選元素的內(nèi)容（包括 HTML標(biāo)記）

val() - 設(shè)置或返回表單字段的值

1、html()方法

該方法類似于js當(dāng)中的innerHTML屬性

$("#two").html()方法 獲取html

$("#two").html("你好!")

2、text()

類似于JS中的innerText屬性

$("div").text()? //獲取div的文本內(nèi)容

$("div").text("你好!"); //設(shè)置div的文本內(nèi)容。

3、val()

類似于JS中的value屬性

$("input[type=text]").val()? //獲取input的值

$("input[type=text]").val() //設(shè)置input的值。

vla()方法還有另外一個用處，就是它能使select 、checkbox、和radio 相應(yīng)的選項被選中。

$(":radio").val("選擇2號")設(shè)置ID號為single的單選框的選中值為“選擇2號”

$(":checkbox").val("check2,check3") 設(shè)置多個選項.

下面的例子演示如何通過 text()、html() 以及 val() 方法來設(shè)置內(nèi)容：

實例

?代碼如下 復(fù)制代碼

$("#btn1").click(function(){

$("#test1").text("Hello world!");

});

$("#btn2").click(function(){

$("#test2").html("Hello world!");

});

$("#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()：

實例

?代碼如下 復(fù)制代碼

$("#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 world!

(index: " + i + ")";

});

});

感謝各位的閱讀，以上就是“后臺怎么取jquery里給span設(shè)置好的值”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對后臺怎么取jquery里給span設(shè)置好的值這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！