Heim >Web-Frontend >js-Tutorial >jquery-Attribut- und benutzerdefinierte Attributoperationen: attr() und removeAttr()

jquery-Attribut- und benutzerdefinierte Attributoperationen: attr() und removeAttr()

无忌哥哥
无忌哥哥Original
2018-06-29 11:46:002417Durchsuche

jquery-Attribut- und benutzerdefinierte Attributoperationen: attr() und removeAttr()

Vorkenntnisse: Reader, Setter

1. Es gibt einige Funktionen, die je nach Anzahl verwendet werden können Parameter. Unterschiedlich, führen Sie unterschiedliche Funktionen aus und geben Sie unterschiedliche Werte zurück, ähnlich wie beim Überladen von Funktionen

2. Übergeben Sie einen Parameter, führen Sie den Lesevorgang Getter aus und geben Sie den aktuellen Wert des Parameters zurück, der als „reader/get Device“ bezeichnet wird

3. Übergeben Sie zwei Parameter, führen Sie die Zuweisungsoperation Setter aus und ändern Sie den Wert des aktuellen Parameters, genannt: Setter/Modifier

4. Diese Art von Operation wird basierend auf bestimmt Anzahl der Parameter Es gibt viele Typmethoden in jQuery, auf die jeder achten sollte */

1: Das Abrufen und Festlegen von Elementattributen

muss den Parameter

var res = $('img').attr()
Single Die Parameter sollen abgerufen werden: der Wert des aktuellen Attributs

var res = $('#pic').attr('src')

Die Double-Parameter sollen abgerufen werden, der erste ist der Attributname, der zweite ist der neue Wert, der eingestellt werden soll

$('#pic').attr('src', '../images/gyy.jpg') 
$('#pic').attr('style', 'border-radius: 50%;box-shadow:2px 2px 2px #888')

Es ist ersichtlich, dass attr() eine typische Zwei-in-Eins-Methode ist, die Leser und Setter kombiniert.

attr() kann die benutzerdefinierten Attribute von Elementen abrufen HTML5, Sie können Benutzer zu Tags über das Datenpräfix hinzufügen. Der Attributwert des benutzerdefinierten Attributs

var res = $('#pic').attr('data-nation')

attr() unterstützt auch die Rückruffunktion

$('#pic').attr('width', function(){return 100+50})

Hinweis: Der von zurückgegebene numerische Typ Der Rückruf wird automatisch in den Zeichentyp konvertiert und dann dem Breitenattribut

var res = $('#pic').attr('width')

2 zugewiesen: Entfernen Sie das Attribut des Elements

Löschen Sie das Inline-Stilattribut des Bildes Stil

$('#pic').removeAttr('style')

Sie können mehrere Attribute löschen, getrennt durch Leerzeichen. Geben Sie den Status des aktuellen Elements zurück.

var res = $('#pic').removeAttr('alt title data-nation')

Laufende Ergebnisse auf der Konsole anzeigen

console.log(res)

Das obige ist der detaillierte Inhalt vonjquery-Attribut- und benutzerdefinierte Attributoperationen: attr() und removeAttr(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn