jquery ruft die Attributmethode auf

JQuery ist eine sehr häufig verwendete JavaScript-Bibliothek, die das Schreiben von JavaScript-Code, insbesondere beim Betrieb von DOM, erheblich vereinfachen kann. In diesem Artikel wird erläutert, wie Sie die Attributmethoden (.prop() und .attr()) in JQuery verwenden, um die Attribute von HTML-Elementen zu bedienen.

Attributmethoden beziehen sich auf Methoden, die zum Abrufen und Festlegen von Attributen von HTML-Elementen verwendet werden. In HTML sind Attribute Teil eines Tags und ermöglichen die Anpassung des Tags oder des Tag-Inhalts. JQuery bietet zwei Methoden für den Zugriff auf Eigenschaften: .prop() und .attr(). Die Methode

.prop() wird verwendet, um Standard-HTML-Attribute (z. B. aktiviert, deaktiviert, ausgewählt usw.) und Objektattribute (z. B. Knotenname, Knotentyp usw.) abzurufen und festzulegen, und gibt sie zurück ein boolescher Wert, eine Zeichenfolge oder eine Zahl. Das Folgende ist die grundlegende Verwendung der .prop()-Methode:

// 获取属性值
$(selector).prop(propertyName);

// 设置属性值
$(selector).prop(propertyName, value);

Um beispielsweise zu ermitteln, ob ein Optionsfeld ausgewählt ist, können Sie den folgenden Code verwenden:

<input type="radio" name="gender" id="male" value="male">Male
<input type="radio" name="gender" id="female" value="female">Female

if ($('#male').prop('checked')) {
  // 如果male被选中
}

#🎜🎜 #Wenn Sie alle erhalten möchten Um das Texteingabefeld zu deaktivieren, können Sie den folgenden Code verwenden:

$('input[type="text"]').prop('disabled', true);

Wenn Sie dagegen alle Texteingabefelder aktivieren möchten, können Sie den Parameterwert festlegen zu falsch. Die Methode

.attr() wird verwendet, um alle HTML-Attribute abzurufen und festzulegen und einen Zeichenfolgenwert zurückzugeben. Das Folgende ist die grundlegende Verwendung der .attr()-Methode:

// 获取属性值
$(selector).attr(attributeName);

// 设置属性值
$(selector).attr(attributeName, value);

Um beispielsweise den Alt-Attributwert eines Bildes abzurufen, können Sie den folgenden Code verwenden:

<img src="/static/imghwm/default1.png"  data-src="image.jpg"  class="lazy" alt="这是一张照片">

var altValue = $('img').attr('alt');

#🎜 🎜#Wenn Sie das img-Tag ändern möchten. Für den src-Attributwert können Sie den folgenden Code verwenden:

$('img').attr('src', 'newImage.jpg');

Es ist zu beachten, dass einige Attribute sowohl mit .prop( ) und .attr()-Methoden, während einige Attribute nur mit einer der Methoden abgerufen werden können. Beispielsweise können aktivierte und deaktivierte Eigenschaften nur mit der Methode .prop() verwendet werden, und die Verwendung der Methode .attr() hat keine Auswirkung.

Zusammenfassend lässt sich sagen, dass Sie beim Betrieb von HTML-Attributen, wenn Sie Standard-HTML-Attribute oder Objektattribute betreiben, die Methode .prop() verwenden sollten. Wenn Sie darüber hinaus noch andere HTML-Attribute manipulieren möchten, sollten Sie die Methode .attr() verwenden. Bei der Verwendung beider Methoden müssen Kompromisse eingegangen und die geeignete Methode gewählt werden, um die gewünschten Ergebnisse zu erzielen.

Das Obige ist eine grundlegende Einführung in die Attributmethoden (.prop() und .attr()) in JQuery. Wenn Sie mehr über JQuery erfahren möchten, lesen Sie bitte die offizielle JQuery-Dokumentation.

Das obige ist der detaillierte Inhalt vonjquery ruft die Attributmethode auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!