Verwendung von text() in jQuery-Dokumentoperationen-js-Tutorial-php.cn

Verwendung von text() in jQuery-Dokumentoperationen

一个新手

Freigeben： 2017-10-06 10:43:01

Original

1550 Leute haben es durchsucht

Definition und Verwendung
Die Methode text() legt den Textinhalt des ausgewählten Elements fest oder gibt ihn zurück. Es umfasst hauptsächlich drei Punkte:
1. Einstellung 2. Zurück 3. Verwenden Sie Funktionen, um Textinhalte festzulegen.

1 Textinhalt festlegen
Wenn diese Methode zum Festlegen eines Werts verwendet wird, überschreibt sie den gesamten Inhalt des ausgewählten Elements.
Beispiel:
$(selector).text(content)
Parameterinhalt
Beschreibung Gibt den neuen Textinhalt des ausgewählten Elements an. Hinweis: Sonderzeichen werden kodiert.

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").text("Hello world!");
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">改变所有 p 元素的文本内容</button></body></html>

Nach dem Login kopieren

Verwendung von text() in jQuery-Dokumentoperationen
Das Ergebnis nach dem Klicken:

2. Geben Sie den Textinhalt zurück
Bei dieser Methode wird verwendet. Wenn ein Wert zurückgegeben wird, wird der kombinierte Textinhalt aller übereinstimmenden Elemente zurückgegeben (HTML-Tags entfernt).
$(selector).text()
Zum Beispiel:

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $(".btn1").click(function(){
    alert($("p").text());
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">获得 p 元素的文本内容</button></body></html>

Nach dem Login kopieren

Verwendung von text() in jQuery-Dokumentoperationen
Nachdem Sie auf

geklickt haben, möchten Sie zu diesem Weg zurückkehren Das Tag Der Wert des Inhalts wird zurückgegeben.
3. Verwenden Sie eine Funktion, um den Textinhalt festzulegen.
Verwenden Sie eine Funktion, um den Textinhalt aller ausgewählten Elemente festzulegen.
Syntax

$(selector).text(function(index,oldcontent))

Nach dem Login kopieren

Parameter function(index,oldcontent)
Beschreibung erforderlich. Gibt eine Funktion an, die den neuen Textinhalt des ausgewählten Elements zurückgibt.
Index – optional. Akzeptiert die Indexposition des Selektors.
html – optional. Akzeptiert den aktuellen Inhalt des Selektors.

Beispiel:

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $("button").click(function(){
    $("p").text(function(n){
    return "这个 p 元素的 index 是：" + n;
    });
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">改变所有 p 元素的文本内容</button></body></html>

Nach dem Login kopieren

Verwendung von text() in jQuery-Dokumentoperationen
Gibt das Ergebnis zurück, nachdem auf

geklickt wurde

Das obige ist der detaillierte Inhalt vonVerwendung von text() in jQuery-Dokumentoperationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!