English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery attr() Methode

jQuery HTML/CSS Methoden

Die attr()-Methode des jQuery获取或设置所选元素的属性和值。

Wenn das attr()-Method verwendet wirdAbrufenBeim Einstellen des Attributwerts wird esErstes ausgewähltes ElementWert.

Wenn das attr()-Method verwendet wirdEinstellenBeim Einstellen des Attributwerts wird esAlle ausgewählten ElementeEinstellen eines oder mehrerer Attribute/Wertspaare.

Um Attribute zu löschen, verwenden Sie bitteremoveAttr()Methode.

Syntax:

Wert des Attributes abrufen:

$(selector).attr(attribute)

Attribute und Werte setzen:

$(selector).attr(attribute, value)

Einstellen mehrerer Attribute und Werte:

$(selector).attr({attribute:value, attribute:value, ...})

Attribute und Werte mit Funktion setzen

使用 function(index, currentValue) im Attribut attribute des selectors

Beispiel

Wert des src-Attributs des Bildes abrufen:

$("button").click(function(){
  $("img").attr("src");
});
Testen Sie heraus‹/›

Einstellen des src-Attributs des Bildes:

$("button").click(function(){
  $("img").attr("src", "icon_jquery.png");
});
Testen Sie heraus‹/›

Einstellen mehrerer Attribute und Werte:

$("button").click(function(){
  $("img").attr({
    alt: "Parrot Icon"
    title: "Image by Seagull",
    width: "350px",
    height: "300px"
  });
});
Testen Sie heraus‹/›

Attribute und Werte mit Funktionen setzen:

$("button").click(function(){
  $("img").attr("width", function(i, val){
    return val - 60;
  });
});
Testen Sie heraus‹/›

Setzen Sie den Wert der src-Attribut in der Dropdown-Liste:


   
Code ausführen

Parameterwert

ParameterBeschreibung
attributeSpezifizieren Sie den Namen des Attributes
valueSpezifizieren Sie den Wert des Attributes
function(index, currentValue)Spezifizieren Sie eine Funktion, die den Attributswert zurückgibt, der gesetzt werden soll
  • index-Rückgabe der Indexposition des Elements im Satz

  • currentValue-Rückgabe des aktuellen Attributswerts des ausgewählten Elements

jQuery HTML/CSS Methoden