1. 程式人生 > >Jquery問題記錄---text()、html() 以及 val() 的回撥函式

Jquery問題記錄---text()、html() 以及 val() 的回撥函式

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 + ")";
  });
});

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("#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 + ")"; 
    });
  });


});
</script>
</head>

相關推薦

Jquery問題記錄---text()html() 以及 val() 的函式

text()、html() 以及 val() 的回撥函式 上面的三個 jQuery 方法:text()、html() 以及 val(),同樣擁有回撥函式。回撥函式由兩個引數:被選元素列表中當前元素的下標,以及原始(舊的)值。然後以函式新值返回您希望使用的字串。 下面的

jquery----text()html() 以及 val()

本篇介紹text()、html() 以及 val()的用法和區別 text() - 設定或返回所選元素的文字內容 html() - 設定或返回所選元素的內容(包括 HTML 標記) val() - 設定或返回表單欄位的值  先說三個函式無參獲取內容用法 用

jQuery中的text()html()和val()以及innerTextinnerHTML和value

too 技術 follow 復制 min blank asc 第一個元素 第一個 *jQuery中設置或者獲取所選內容的值:text();設置或者獲取所選元素的文本內容;html();設置或者獲取所選元素的內容(包括html標記);val();設置或者獲取表單字段的值(前

jQuery中的text()html()和val()以及innerTextinnerHTML和value區別

jQuery中設定或者獲取所選內容的值: 作者:fozero 出處:https://www.cnblogs.com/fozero、 text();設定或者獲取所選元素的文字內容; html();設定或者獲取所選元素的內容(包括html標記); val();設定或者

JS中innerHTMLouterHTMLinnerText outerTextvalue的區別與聯系?jQuery中的text()html()和val()

chrom html標簽 sel detail put 替換 not 內容 tail 一、JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jS中設置或者獲取所選內容的值:①innerHTML :屬性設置或返回該

day032程序池(重點)程序池的同步非同步方法,函式;管道資料共享

本節內容: 1、管道(瞭解) 2、資料共享(瞭解) 3、程序池(重點) 4、程序的同步方法 5、程序池的非同步方法 6、回撥函式 7、檔案物件的獲取 一、管道(瞭解) 程序間通訊(IPC)

unity | 按鈕onClick沒有function解決辦法button繫結函式步驟

0. 首先新建C#指令碼,定義回撥函式,例如:resetPos using System.Collections; using System.Collections.Generic; using State; using UnityEngine; using UnityEngine.UI; p

程序間的資料共享程序池的函式和執行緒初識守護執行緒

一、程序的資料共享 程序間資料是獨立的,可以藉助於佇列或管道實現通訊,二者都是基於訊息傳遞的 雖然程序間資料獨立,但可以通過Manager實現資料共享。 把所有實現了資料共享的比較便捷的類都重新又封裝了一遍,並且在原有的multiprocessing基礎上增加了新

用openlayer是互動畫一個點面,執行函式

graphicLayer 是一個vector圖層。 callback是回撥函式。 呼叫方法如下:  if (typeof newlayer != 'undefined' && newlayer != null) {                     v

jquery deferred物件 then(),when()方法 ,解決函式巢狀

曾經做過一個註冊頁,很多的AJAX介面,多個分支,層層巢狀,感覺程式碼特別難看,都說Promise/A+規範可以解決這個問題,而現在主流框架都實現了這個規範,於是就去研究了一下。發現可以使用deferred物件,然後的就是除錯,除錯,再除錯,感覺可以用下面的思路

js中的innerTextinnerHTML屬性值value與jQuery中的text()html()屬性值val()總結

att text color btn col class 屬性 fun value js與jQuery獲取text、html、屬性值、value的方法是不一樣的。 js與jQuery,text與innerText獲取(<!---->中為結果) html:

關於ssm,前臺html頁面jquery的success函式實現跳轉重新整理問題

$(function(){ $.ajax({ type:“post”, url:"…/…/b/k.action", dataType: “json”, success:function(data){ $(data).each(function(k,v){ $("tbody").a

jquery序列化表單以及函式的使用

在開發專案中。將前臺的值傳給後臺,有時的JSP表單中的值有一兩個,也有所有的值,假設這時一個個傳,必然不是非常好的辦法,所以使用jQuery提供的表單序列化方法,能夠非常好的解決問題。同一時候能夠封裝成通用的函式,執行成功能夠呼叫各自的回撥函式。實現各自的功能。 程式碼例如以下:

通過js獲取td標籤的texthtmlinnerhtml三者的區別

注意innerhtml是原生的js的用法。 text、html是jQuery的用法,原生的js語法是沒有text、html這種用法的。 原生的innerhtml = jQuery的html() html()獲取的是id=?的標籤如<td id="test"><a>

js中的text(),html() ,val()的區別

js中的text(),html() ,val()的區別 text(),html() ,val()三個方法用於html元素的存值和取值,但是他們各有特點,text()用於html元素文字內容的存取,html()不但可以用於html元素文字內容的存取,還可以用於html內容的存取。val()

(Web觸屏)微信支付功能呼叫以及QQ地址配置以及遇到的一些坑

/** * (觸屏版)跳轉游記支付二維碼頁 (介面返回表單如下) * <form id="lolapaysubmit" name="lolapaysubmit" action="https://wx.tenpay.com/cgi-bin/mmpayweb-bin/c

Jquerytext()和html()方法在li與div取值結果解析

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

26【支付模組開發】——支付寶函式實現和查詢使用者訂單狀態介面編寫

####1、支付寶回撥函式實現 我們在除錯支付寶沙箱環境的時候,支護寶會有一個回撥函式,也就是在支付成功之後,可以呼叫我們支付之後需要執行的相關方法,從而達到資料庫的資料和我們的操作相統一。 首先我們先在本地將回調函式編寫好~ 在OrderController類中新建我們的支付寶回撥函式

egret 全屏, 和載入資源, 以及函式

1, 有時候在手機瀏覽器中因為有  虛擬按鍵以及標題欄, 使得即便設定了全屏也沒有辦法變成全屏, 但是好像JS 中有方法向瀏覽器請求全屏 2, 載入資源, 關閉後解除安裝, 第二次再進來的時候依然很快, 這是因為瀏覽器有快取 3, egret的回撥函式十分的隨便, 帶引數的回撥函式

bootstrap-table的合併單元格以及部分函式

---------------------  作者:導哥  來源:CSDN  原文:https://blog.csdn.net/jingtianyiyi/article/details/76208880  版權宣告:本文為博主原創文章,轉載請附上博文連結!