Heim > Web-Frontend > js-Tutorial > Verwendung von text() in jQuery-Dokumentoperationen

Verwendung von text() in jQuery-Dokumentoperationen

一个新手
Freigeben: 2017-10-06 10:43:01
Original
1567 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:
Verwendung von text() in jQuery-Dokumentoperationen

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
Verwendung von text() in jQuery-Dokumentoperationen
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
Verwendung von text() in jQuery-Dokumentoperationen

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage