So erhalten Sie Elementinhalte mit jquery

jQuery ist eine schnelle, kleine und leistungsstarke JavaScript-Bibliothek, die auf der Basis von JavaScript entwickelt wurde. Im Kern handelt es sich um einen benutzerfreundlichen, leistungsstarken Selektor zum Auswählen und Bearbeiten von Elementen in HTML-Dokumenten. In jQuery gibt es viele Möglichkeiten, Elementinhalte abzurufen. In diesem Artikel werden einige der am häufigsten verwendeten Methoden erläutert.

1. Die Methode text() ruft den Textinhalt eines Elements ab

In jQuery können Sie die Methode text() verwenden, um den Textinhalt eines Elements abzurufen. Diese Methode eignet sich für Situationen, in denen das ausgewählte Element keine anderen Tags oder Elemente enthält. Zum Beispiel für den folgenden HTML-Code:

<p>这是一个段落</p>

Sie können den folgenden Code verwenden, um den Textinhalt des Absatzes abzurufen:

var text = $("p").text();

2. Die Methode html() ruft den HTML-Inhalt des Elements ab.

Wenn das ausgewählte Element Enthält andere Tags oder Elemente, können Sie die Methode html() verwenden, um den HTML-Inhalt abzurufen. Zum Beispiel für den folgenden HTML-Code:

    
标题
    <p>这是一个段落</p>

Sie können den folgenden Code verwenden, um den HTML-Inhalt des div-Elements abzurufen:

var html = $("div").html();

3 Die val()-Methode ruft den Wert des Formularelements ab

Für Formularelemente (z. B. Eingabe, Auswahl und Textbereich). Der Wert kann mit der Methode val () ermittelt werden. Zum Beispiel für den folgenden HTML-Code:

<input type="text" value="这是输入框的值">

Sie können den folgenden Code verwenden, um den Wert des Eingabefelds abzurufen:

var value = $("input[type='text']").val();

4. Die attr()-Methode, um den Attributwert des Elements abzurufen

Sie können verwenden die Methode attr(), um den Attributwert des Elements abzurufen. Zum Beispiel für den folgenden HTML-Code:

<img  src="/static/imghwm/default1.png"  data-src="image.png"  class="lazy" alt="So erhalten Sie Elementinhalte mit jquery" >

Sie können den folgenden Code verwenden, um den src-Attributwert des img-Elements abzurufen:

var src = $("img").attr("src");

5. Die Methode data() ruft den Elementdatenattributwert ab

Für Elemente mit Datenattribute verwenden, können Sie die Methode data( ) verwenden, um den Wert des Datenattributs abzurufen. Zum Beispiel für den folgenden HTML-Code:

<div data-name="John" data-age="30"></div>

Sie können den folgenden Code verwenden, um die Attributwerte „data-name“ und „data-age“ des div-Elements abzurufen:

var name = $("div").data("name");
var age = $("div").data("age");

Dies ist bei der Definition von Daten zu beachten Attribute in HTML sollten Sie das Präfix „data –“ hinzufügen, z. B. „data-name“.

Zusammenfassung

In jQuery gibt es viele Möglichkeiten, Elementinhalte abzurufen, und Sie können eine Auswahl nach bestimmten gängigen Szenarien treffen. Die oben genannten Methoden können die meisten Anwendungsszenarien abdecken. Ich hoffe, dass dieser Artikel den Lesern helfen kann, jQuery besser zu verstehen und anzuwenden.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Elementinhalte mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!