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

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

我們將使用三個相同的方法來設置內容：

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

html() - 設置或返回所選元素的內容（包括 HTML標記）

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

1、html()方法

該方法類似于js當中的innerHTML屬性

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

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

2、text()

類似于JS中的innerText屬性

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

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

3、val()

類似于JS中的value屬性

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

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

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

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

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

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

實例

?代碼如下 復制代碼

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

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

});

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

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

});

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

(index: " + i + ")";

});

});

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