后臺怎么取jquery里給span設(shè)置好的值

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

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

　　實例

　　?代碼如下 復(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 <b>world!</b>

　　(index: " + i + ")";

　　});

　　});

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