Heim > Web-Frontend > js-Tutorial > JQuery-Implementierungscode zum Abrufen und Festlegen des Inhalts oder Textes von HTML elements_jquery

JQuery-Implementierungscode zum Abrufen und Festlegen des Inhalts oder Textes von HTML elements_jquery

WBOY
Freigeben: 2016-05-16 16:43:49
Original
1592 Leute haben es durchsucht

Schauen wir uns zunächst die Demonstration an:

Willkommen beim PHP-Tutorial von Script House

  • Script House PHP-Tutorial
  • Leicht verständliche JavaScript-Magie
  • Leicht verständliche JQuery-Magie

html()-Methode

Diese Methode ähnelt dem innerHTML-Attribut in JavaScript und kann zum Lesen oder Festlegen des HTML-Inhalts in einem bestimmten Element verwendet werden. Um den Inhalt eines Elements abzurufen, können Sie Folgendes tun:
var p_html = $("p").html();	//获取p元素的HTML代码 
Nach dem Login kopieren

Wenn Sie den HTML-Code eines bestimmten Elements festlegen müssen, können Sie auch diese Methode verwenden, müssen ihr jedoch einen Parameter übergeben. Um beispielsweise den HTML-Code des p-Elements festzulegen, können Sie den folgenden Code verwenden:
//设置p元素的HTML代码
$("p").html("欢迎您访问脚本之家~~"); 
Nach dem Login kopieren

Hinweis: Die Methode html() kann für XHTML-Dokumente verwendet werden, nicht jedoch für XML-Dokumente.

text()-Methode

Diese Methode ähnelt dem innerText-Attribut in JavaScript und kann zum Lesen oder Festlegen des Textinhalts in einem Element verwendet werden. Verwenden Sie weiterhin den obigen HTML-Code und verwenden Sie die Methode text(), um das p-Element zu bearbeiten:
var p_text = $("p").text(); //获取p元素的文本内容  
Nach dem Login kopieren

Wie bei der html()-Methode müssen Sie auch einen Parameter übergeben, wenn Sie Textinhalte für ein Element festlegen müssen. Um beispielsweise Textinhalte für das p-Element festzulegen, lautet der Code wie folgt:
// 设置p元素的文本内容
$("p").text("欢迎您访问脚本之家教程~~");  
Nach dem Login kopieren

Bitte beachten Sie die folgenden zwei Punkte:


1. Das innerText-Attribut in JavaScript kann nicht unter dem Firefox-Browser ausgeführt werden, aber die text()-Methode von jQuery unterstützt alle Browser.

2. Die Methode text() ist sowohl für HTML-Dokumente als auch für XML-Dokumente gültig.
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