jQuery
attributen
Zoeken…
Opmerkingen
De jQuery-functie .attr() krijgt de waarde van een attribuut voor het eerste element in de set van overeenkomende elementen of een of meer attributen voor elk overeenkomend element.
Het is vermeldenswaard dat bij het verkrijgen van de waarde van een attribuut deze alleen wordt verkregen van het eerste element dat overeenkomt met de selector (dwz $("input").attr("type"); alleen het type van de eerste invoer zou krijgen , als er meerdere zijn)
Wanneer u een kenmerk instelt, wordt dit echter op alle overeenkomende elementen toegepast.
Verkrijg de kenmerkwaarde van een HTML-element
Wanneer een enkele parameter wordt doorgegeven aan de functie .attr() , retourneert deze de waarde van het doorgegeven attribuut op het geselecteerde element.
Syntaxis:
$([selector]).attr([attribute name]);
Voorbeeld:
HTML:
<a href="/home">Home</a>
jQuery:
$('a').attr('href');
data ophalen:
jQuery biedt de functie .data() om gegevensattributen aan te kunnen. .data functie retourneert de waarde van het gegevenskenmerk op het geselecteerde element.
Syntaxis:
$([selector]).data([attribute name]);
Voorbeeld:
html:
<article data-column="3"></article>
jQuery:
$("article").data("column")
Notitie:
De methode data () van jQuery geeft u toegang tot data- * attributen, MAAR, het is het geval van de attribuutnaam. Referentie
Waarde van HTML-kenmerk instellen
Als u een attribuut aan een element wilt toevoegen, kunt u de functie attr(attributeName, attributeValue) . Bijvoorbeeld:
$('a').attr('title', 'Click me');
Dit voorbeeld voegt mouseover-tekst "Click me" aan alle links op de pagina.
Dezelfde functie wordt gebruikt om de waarden van attributen te wijzigen.
Attribuut verwijderen
Om een attribuut uit een element te verwijderen, kunt u de functie .removeAttr(attributeName) . Bijvoorbeeld:
$('#home').removeAttr('title');
Dit zal verwijderen title attribuut van het element met ID home .
Verschil tussen attr () en prop ()
attr() haalt / stelt het HTML-kenmerk in met behulp van de DOM-functies getAttribute() en setAttribute() . prop() werkt door de eigenschap DOM in te stellen zonder het kenmerk te wijzigen. In veel gevallen zijn de twee uitwisselbaar, maar af en toe is er een nodig boven de andere.
Een selectievakje als aangevinkt instellen:
$('#tosAccept').prop('checked', true); // using attr() won't work properly here
Om een eigenschap te verwijderen, kunt u de methode removeProp() gebruiken. Op dezelfde removeAttr() verwijdert removeAttr() attributen.