jQuery
Attribute
Suche…
Bemerkungen
Die jQuery-Funktion .attr() den Wert eines Attributs für das erste Element in der Gruppe der übereinstimmenden Elemente ab oder .attr() ein oder mehrere Attribute für jedes übereinstimmende Element fest.
Es sei darauf hingewiesen, dass der Wert eines Attributs nur vom ersten Element $("input").attr("type"); , das mit dem Selektor übereinstimmt (dh $("input").attr("type"); würde nur den Typ der ersten Eingabe erhalten , wenn es mehr als eine gibt)
Beim Festlegen eines Attributs wird es jedoch auf alle übereinstimmenden Elemente angewendet.
Ruft den Attributwert eines HTML-Elements ab
Wenn ein einzelner Parameter an die .attr() Funktion übergeben wird, gibt er den Wert des übergebenen Attributs für das ausgewählte Element zurück.
Syntax:
$([selector]).attr([attribute name]);
Beispiel:
HTML:
<a href="/home">Home</a>
jQuery:
$('a').attr('href');
Abrufen von data
jQuery bietet die Funktion .data() , um mit .data() umzugehen. .data Funktion .data gibt den Wert des .data für das ausgewählte Element zurück.
Syntax:
$([selector]).data([attribute name]);
Beispiel:
Html:
<article data-column="3"></article>
jQuery:
$("article").data("column")
Hinweis:
Mit der data () -Methode von jQuery können Sie auf data- * -Attribute zugreifen, ABER, sie blockiert den Fall des Attributnamens. Referenz
Einstellungswert des HTML-Attributs
Wenn Sie einem Element ein Attribut hinzufügen möchten, können Sie die Funktion attr(attributeName, attributeValue) verwenden. Zum Beispiel:
$('a').attr('title', 'Click me');
In diesem Beispiel wird der Mouseover-Text "Click me" zu allen Links auf der Seite hinzugefügt.
Dieselbe Funktion wird zum Ändern von Attributwerten verwendet.
Attribut entfernen
Um ein Attribut aus einem Element zu entfernen, können Sie die Funktion .removeAttr(attributeName) . Zum Beispiel:
$('#home').removeAttr('title');
Dadurch wird das title Attribut aus dem Element mit der ID home .
Differenz zwischen attr () und prop ()
attr() das HTML-Attribut mit den DOM-Funktionen getAttribute() und setAttribute() . prop() wird die DOM-Eigenschaft festgelegt, ohne das Attribut zu ändern. In vielen Fällen sind die beiden austauschbar, gelegentlich wird jedoch eine über der anderen benötigt.
So setzen Sie ein Kontrollkästchen als aktiviert:
$('#tosAccept').prop('checked', true); // using attr() won't work properly here
Um eine Eigenschaft zu entfernen, können Sie die removeProp() -Methode verwenden. In removeAttr() Weise entfernt removeAttr() Attribute.