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

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代码 

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("欢迎您访问脚本之家～～"); 

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元素的文本内容  

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("欢迎您访问脚本之家教程～～");  

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.