Heim > Artikel > Web-Frontend > Was ist die Methode zum Bearbeiten von Elementattributen in jquery?
Was ist die Methode zum Bearbeiten von Elementattributen in jquery?
- 青灯夜游Original
- 2022-03-18 18:59:402394Durchsuche
Die Methoden zum Betreiben von Elementattributen sind: 1. Methoden zum Betreiben von Klassenattributen, einschließlich addClass(), hasClass(), removeClass(), toggleClass(); 2. Methoden zum Betreiben bestimmter Attribute, einschließlich attr(), prop(); ) , removeAttr().
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.12.4-Version, Dell G3-Computer.
jQuery-Attribut-Operationsmethode
| Methode | Beschreibung |
|---|---|
| addClass() | Fügt den angegebenen Klassennamen (Klassenattributwert) zum übereinstimmenden Element hinzu. |
| attr() | Legen Sie die Attribute und Werte des passenden Elements fest oder geben Sie sie zurück. |
| prop() | Legen Sie die Eigenschaften und Werte des passenden Elements fest oder geben Sie sie zurück. |
| hasClass() | Überprüfen Sie, ob das passende Element die angegebene Klasse hat. |
| removeAttr() | Entfernt das angegebene Attribut aus allen übereinstimmenden Elementen. |
| removeClass() | Entferne alle oder angegebene Klassen aus allen übereinstimmenden Elementen. |
| toggleClass() | Eine Klasse zum übereinstimmenden Element hinzufügen oder daraus entfernen. |
jQuery-Methoden attr() und prop() geben Attribute zurück oder setzen Attribute
Die Methode prop() ähnelt der Methode attr(), beide werden verwendet, um die HTML-Attribute des abzurufen oder festzulegen Element, aber beides. Es gibt auch grundlegende Unterschiede.
Offizielle jQuery-Empfehlung: Für Attribute mit zwei Werten von wahr und falsch, z. B. aktiviert, ausgewählt, deaktiviert usw., wird empfohlen, die prop () -Methode zum Betrieb zu verwenden, während für andere Attribute die Verwendung empfohlen wird attr()-Methode zum Betrieb.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function () {
$('input[type="radio"]').change(function(){
var bool = $(this).attr("checked");
if(bool){
$("p").text("你选择的是：" + $(this).val());
}
})
})
</script>
</head>
<body>
<div>
<label><input type="radio" name="fruit" value="苹果" />苹果</label>
<label><input type="radio" name="fruit" value="香蕉" />香蕉</label>
<label><input type="radio" name="fruit" value="西瓜" />西瓜</label>
</div>
<p></p>
</body>
</html>
In diesem Beispiel möchten wir tatsächlich $(this).attr("checked") verwenden, um festzustellen, ob das Optionsfeld ausgewählt ist, und wenn es ausgewählt ist, den Wert des Optionsfelds abzurufen. Aber nachdem ich den Code ausgeführt hatte, stellte ich fest: Es hat überhaupt keine Wirkung! Warum ist das so?
Tatsächlich können wir die aktivierten, ausgewählten und deaktivierten Attribute des Formularelements nicht mit der Methode attr() abrufen, sondern müssen die Methode prop() verwenden. Daher funktioniert es, wenn wir die Methode attr() durch die Methode prop() ersetzen.
Tatsächlich scheint die prop()-Methode die Mängel der attr()-Methode bei Formularattributoperationen auszugleichen. Erinnern Sie sich an einen Satz: Wenn eine Eigenschaft mit der Methode attr() nicht abgerufen oder festgelegt werden kann, kann dies durch Ändern der Methode prop() erreicht werden.
removeAttr()-Methode entfernt Attribute
In jQuery können wir die removeAttr()-Methode verwenden, um ein Attribut eines Elements zu löschen.
Syntax:
$().removeAttr("属性名")jQuery-Klassennamenoperation
Die Klassennamenoperation bezieht sich auf das Hinzufügen einer Klasse zu einem Element oder das Löschen einer Klasse, wodurch der Stil des Elements insgesamt gesteuert wird.
In jQuery gibt es drei Arten von CSS-Klassennamenoperationen.
Kurs hinzufügen.
Klasse löschen.
Klasse wechseln.
addClass()-Methode zum Hinzufügen einer Klasse
In jQuery können wir die addClass()-Methode verwenden, um einem Element eine Klasse hinzuzufügen.
Syntax:
$().addClass("类名")removeClass()-Methode zum Löschen einer Klasse
In jQuery können wir die removeClass()-Methode verwenden, um eine Klasse für ein Element zu löschen.
Syntax:
$().removeClass("类名")toggleClass()-Methode wechselt die Klasse
In jQuery können wir die toggleClass()-Methode verwenden, um Klassennamen für Elemente zu wechseln. Toggle bedeutet eigentlich „Schalter“. Wir werden diesem Wort in Zukunft häufig ausgesetzt sein, wie z. B. toggle(), slideToggle() usw. Freunde sollten aufpassen und vergleichen.
Syntax: Die Methode
$().toggleClass("类名")toggleClass() wird verwendet, um zu prüfen, ob ein Element eine bestimmte Klasse hat. Wenn die Klasse nicht vorhanden ist, wird die Klasse dem Element hinzugefügt. Wenn die Klasse bereits vorhanden ist, wird die Klasse aus dem Element entfernt.
【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend】
Das obige ist der detaillierte Inhalt vonWas ist die Methode zum Bearbeiten von Elementattributen in jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!