jQuery
attribut
Sök…
Anmärkningar
JQuery-funktionen .attr() , får värdet på ett attribut för det första elementet i uppsättningen av matchade element eller ställ in ett eller flera attribut för varje matchat element.
Det är värt att notera att när man får värdet på ett attribut får det bara från det första elementet som matchar väljaren (dvs. $("input").attr("type"); skulle bara få typen av den första ingången , om det finns fler än en)
Men när du sätter ett attribut kommer det att tillämpa det på alla matchande element.
Få attributvärdet för ett HTML-element
När en enskild parameter överförs till .attr() -funktionen returnerar det värdet för godkänt attribut på det valda elementet.
Syntax:
$([selector]).attr([attribute name]);
Exempel:
HTML:
<a href="/home">Home</a>
jQuery:
$('a').attr('href');
Hämta data attribut:
jQuery erbjuder .data() -funktion för att hantera dataattribut. .data funktionen returnerar värdet på dataattributet för det valda elementet.
Syntax:
$([selector]).data([attribute name]);
Exempel:
Html:
<article data-column="3"></article>
jQuery:
$("article").data("column")
Notera:
metoden med jQuery's data () ger dig tillgång till data- * attribut, MEN, det clobbers fallet med attributets namn. Referens
Inställningsvärde för HTML-attribut
Om du vill lägga till ett attribut till något element kan du använda attr(attributeName, attributeValue) . Till exempel:
$('a').attr('title', 'Click me');
I det här exemplet läggs musen över "Click me" till alla länkar på sidan.
Samma funktion används för att ändra attributens värden.
Tar bort attribut
För att ta bort ett attribut från ett element kan du använda funktionen .removeAttr(attributeName) . Till exempel:
$('#home').removeAttr('title');
Detta tar bort title attribut från elementet med ID home .
Differece mellan attr () och prop ()
attr() får / ställer in HTML-attributet med DOM-funktionerna getAttribute() och setAttribute() . prop() fungerar genom att ställa in DOM-egenskapen utan att ändra attributet. I många fall är de två utbytbara, men ibland behövs det ena över det andra.
Så här ställer du in en kryssruta som markerad:
$('#tosAccept').prop('checked', true); // using attr() won't work properly here
För att ta bort en egenskap kan du använda removeProp() . På removeAttr() sätt tar bort removeAttr() bort attribut.