后臺怎么取jquery里給span設置好的值

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

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

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

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

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

　　1、html()方法

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

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

　　$("#two").html("<span>你好!</span>")

　　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("<b>Hello world!</b>");

　　});

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

　　(index: " + i + ")";

　　});

　　});

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