Web-Frontend
js-Tutorial
Detaillierte Erläuterung der Attributzuweisung und der Attributerfassung der Jquery-Methode attr() von Jquery
Detaillierte Erläuterung der Attributzuweisung und der Attributerfassung der Jquery-Methode attr() von Jquery
Die Methode attr() wird in jQuery verwendet, um Elementattribute abzurufen und festzulegen. Attr() ist die Abkürzung für Attribut, das häufig in jQuery-DOM-Operationen verwendet wird.
1. attr(attribute name) //Den Wert des Attributs abrufen (den Attributwert des ersten übereinstimmenden Elements abrufen. Mit dieser Methode kann der Wert eines Attributs problemlos vom ersten übereinstimmenden Element abgerufen werden. Wenn dies bei dem Element nicht der Fall ist ein entsprechendes Attribut haben, gibt undefiniert zurück)
2. attr(Attributname, Attributwert) //Legen Sie den Wert des Attributs fest (Legen Sie einen Attributwert für alle übereinstimmenden Elemente fest.)
3. attr(Attributname, Funktionswert) //Legen Sie den Funktionswert des Attributs fest (Legen Sie einen berechneten Attributwert für alle übereinstimmenden Elemente fest. Geben Sie keinen Wert an, sondern eine Funktion und den dadurch berechneten Wert Funktion ist Attributwert )
4. attr(properties) // Mehrere Attributwerte für das angegebene Element festlegen, nämlich: {Attributname eins: „Attributwert eins“, Attributname zwei: „Attributwert zwei“, ... .. .}. (Dies ist die beste Möglichkeit, viele Attribute stapelweise für alle übereinstimmenden Elemente festzulegen. Beachten Sie, dass Sie „className“ als Attributnamen verwenden müssen, wenn Sie das Klassenattribut eines Objekts festlegen möchten. Alternativ können Sie „class“ direkt verwenden. oder 'id'. )
Beispielcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery中attr()方法</title>
<script src="js/jquery-1.4.2.min.js" language="javascript" type="text/javascript" ></script>
<style>
p{color:red}
li{color:blue;}
.lili{font-weight:bold;color:red;}
#lili{font-weight:bold;color:red;}
</style>
</head>
<body>
<p title="你最喜欢的水果是。">你最喜欢的水果是？</p>
<ul>
<li title="苹果汁">苹果</li>
<li title="橘子汁" alt="123">橘子</li>
<li title="菠萝汁">菠萝</li>
</ul>
<script>
...
</script>
</body>
<html>1.attr(name)//Den Wert des Attributs abrufen
1.1 Verwenden Sie attr(name), um den Titelwert zu erhalten:
<script>
alert($("ul li:eq(1)").attr("title"));
</script>
Ergebnisse: Orangensaft anzeigen
1.2 Verwenden Sie attr(name), um den Alt-Wert zu erhalten:
<script>
alert($("ul li:eq(1)").attr("alt"));
</script>
Ergebnis:
Anzeige 123
2. attr(name,value) //Legen Sie den Wert des Attributs fest
2.1 Verwenden Sie attr(name,value), um den Titelwert wie folgt zu ändern: Essen Sie keine Orangen
<script>
$("ul li:eq(1)").attr("title","不吃橘子");
alert($("ul li:eq(1)").attr("title"));
</script>
Ergebnis:
Zeigen Sie, keine Orangen zu essen
3. attr(name,fn) //Legen Sie den Funktionswert des Attributs fest
3.1 Setzen Sie den Wert des alt-Attributs auf den Wert des title-Attributs.
<script>
$("ul li:eq(1)").attr("title",function(){ return this.alt});
alert($("ul li:eq(1)").attr("title"));
</script>
Ergebnis:
Anzeige 123
4.attr(properties) //Legen Sie ein Objekt in der Form „Name/Wert“ als Attribute aller übereinstimmenden Elemente fest
4.1 Holen Sie sich das zweite
- und legen Sie die Attribute title und alt fest.
- -Einstellungsklasse in
- .
- Apfel
- Orange
- Ananas
- in
- ab.
- Apfel
- Orange
- Ananas
- und legen Sie den Stil fest.
<script> $("ul li:eq(1)").attr({style:"color:red"}); </script>Nach dem Login kopierenErgebnis:
- Apfel
- Orange
- Ananas
<script> $("ul li:eq(1)").attr({id:"lili"}); </script>Nach dem Login kopierenErgebnis:
4.4 Holen Sie sich das zweite
Es ist falsch, alt in li hinzuzufügen. Es kann nur in IMG-, Area- und Eingabeelementen (einschließlich Applet-Elementen) verwendet werden. Bei Eingabeelementen soll das Alt-Attribut das Bild der Schaltfläche „Senden“ ersetzen. Um die attr()-Methode hier im Detail zu erklären, gibt es kein geeignetes Attribut, daher wird alt als Beispiel verwendet. Es dient nur zum Erlernen und Nachschlagen der Verwendung der attr()-Methode.
Hier ist der Unterschied zwischen alt und tite.
alt: Dies ist der Text, der zur Beschreibung der Grafiken verwendet wird. Wenn das Bild nicht angezeigt werden kann, werden diese Texte anstelle des Bildes angezeigt. Der Text wird auch angezeigt, wenn die Maus über das Bild bewegt wird.
Titel: Dies ist der Text, der angezeigt wird, nachdem die Maus darauf platziert wird.
Wie lösche ich also Attribute?
Das Schlüsselwort zum Löschen von Attributen in jquery lautet: RemoveAttr. Beachten Sie, dass A groß geschrieben wird:
Derselbe HTML-Code in Verwendung eins, ich möchte das Titelattribut von li löschen, dann ist es das:
<script> $("ul li:eq(1)").removeAttr("title"); </script>Nach dem Login kopierenSo einfach ist das: Attr ist eigentlich eine vereinfachte Implementierung von getAttribute in nativem JS und RemoveAttr ist die Abkürzung für RemoveAttribute.
Gibt es also ein ähnliches Attribut wie attr()?
val() in jquery ist ähnlich,
$(this).val(); Ruft den Wert eines Elementknotens ab, äquivalent zu $(this).attr("value");
$(this).val(value); Setzt den Wert eines Elementknotens, äquivalent zu $(this).attr("value",value);
Die obige detaillierte Erläuterung der Attributzuweisung und Attributerfassung der Jquery attr()-Methode ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe auch, dass Sie Script Home unterstützen.
<script> $("ul li:eq(1)").attr({className:"lili"}); </script>Nach dem Login kopierenErgebnis:
4.3 Rufen Sie die Einstellungs-ID des zweiten
<script>
$("ul li:eq(1)").attr({title:"不喝橘子汁",alt:"不是123"});
alert($("ul li:eq(1)").attr("title"));
alert($("ul li:eq(1)").attr("alt"));
</script>
Ergebnis:
Anzeige 2, keinen Orangensaft trinken, nicht 123
4.2 Holen Sie sich die zweite
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
Ausführliche Erläuterung der jQuery-Referenzmethoden: Kurzanleitung
Feb 27, 2024 pm 06:45 PM
Detaillierte Erläuterung der jQuery-Referenzmethode: Kurzanleitung jQuery ist eine beliebte JavaScript-Bibliothek, die häufig in der Website-Entwicklung verwendet wird. Sie vereinfacht die JavaScript-Programmierung und bietet Entwicklern umfangreiche Funktionen und Features. In diesem Artikel wird die Referenzmethode von jQuery ausführlich vorgestellt und spezifische Codebeispiele bereitgestellt, um den Lesern einen schnellen Einstieg zu erleichtern. Einführung in jQuery Zuerst müssen wir die jQuery-Bibliothek in die HTML-Datei einführen. Es kann über einen CDN-Link eingeführt oder heruntergeladen werden
Wie entferne ich das Höhenattribut eines Elements mit jQuery?
Feb 28, 2024 am 08:39 AM
Wie entferne ich das Höhenattribut eines Elements mit jQuery? Bei der Front-End-Entwicklung müssen wir häufig die Höhenattribute von Elementen manipulieren. Manchmal müssen wir möglicherweise die Höhe eines Elements dynamisch ändern, und manchmal müssen wir das Höhenattribut eines Elements entfernen. In diesem Artikel wird erläutert, wie Sie mit jQuery das Höhenattribut eines Elements entfernen, und es werden spezifische Codebeispiele bereitgestellt. Bevor wir jQuery zum Betreiben des Höhenattributs verwenden, müssen wir zunächst das Höhenattribut in CSS verstehen. Das Höhenattribut wird verwendet, um die Höhe eines Elements festzulegen
Wie verwende ich die PUT-Anfragemethode in jQuery?
Feb 28, 2024 pm 03:12 PM
Wie verwende ich die PUT-Anfragemethode in jQuery? In jQuery ähnelt die Methode zum Senden einer PUT-Anfrage dem Senden anderer Arten von Anfragen, Sie müssen jedoch auf einige Details und Parametereinstellungen achten. PUT-Anfragen werden normalerweise zum Aktualisieren von Ressourcen verwendet, beispielsweise zum Aktualisieren von Daten in einer Datenbank oder zum Aktualisieren von Dateien auf dem Server. Das Folgende ist ein spezifisches Codebeispiel, das die PUT-Anforderungsmethode in jQuery verwendet. Stellen Sie zunächst sicher, dass Sie die jQuery-Bibliotheksdatei einschließen. Anschließend können Sie eine PUT-Anfrage senden über: $.ajax({u
jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite
Feb 28, 2024 pm 09:06 PM
Titel: jQuery-Tipps: Ändern Sie schnell den Text aller Tags auf der Seite. In der Webentwicklung müssen wir häufig Elemente auf der Seite ändern und bedienen. Wenn Sie jQuery verwenden, müssen Sie manchmal den Textinhalt aller a-Tags auf der Seite gleichzeitig ändern, was Zeit und Energie sparen kann. Im Folgenden wird erläutert, wie Sie mit jQuery den Text aller Tags auf der Seite schnell ändern können, und es werden spezifische Codebeispiele angegeben. Zuerst müssen wir die jQuery-Bibliotheksdatei einführen und sicherstellen, dass der folgende Code in die Seite eingefügt wird: <
Deaktivieren oder aktivieren Sie die automatische Kopierauswahl zum Kopieren im Terminal
Mar 24, 2024 am 09:46 AM
In diesem Artikel erfahren Sie, wie Sie das automatische Kopieren von Auswahlen in die Zwischenablage im Windows-Terminal aktivieren oder deaktivieren. Windows Terminal ist ein Multi-Tab-Terminal-Emulator, der von Microsoft speziell für Windows 11/10 entwickelt wurde und die herkömmliche Eingabeaufforderung ersetzt. Es unterstützt die Ausführung von Anwendungen wie Eingabeaufforderung, PowerShell, WSL, Azure usw. Bei der Arbeit im Terminal müssen Benutzer häufig Befehle und Ausgaben kopieren, das Terminal unterstützt jedoch standardmäßig keine Kopierauswahlvorgänge. Lesen Sie weiter, um zu erfahren, wie Sie dieses Problem beheben können. Wie kann ich das automatische Kopieren von Auswahlen in den Cache im Terminal aktivieren oder deaktivieren? So können Sie das automatische Kopieren von Auswahlen in die Terminal-Zwischenablage aktivieren oder deaktivieren: Öffnen Sie die Terminal-Anwendung und klicken Sie oben
Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern
Feb 28, 2024 pm 05:42 PM
Titel: Verwenden Sie jQuery, um den Textinhalt aller Tags zu ändern. jQuery ist eine beliebte JavaScript-Bibliothek, die häufig zur Verarbeitung von DOM-Operationen verwendet wird. Bei der Webentwicklung müssen wir häufig den Textinhalt des Link-Tags (eines Tags) auf der Seite ändern. In diesem Artikel wird erläutert, wie Sie mit jQuery dieses Ziel erreichen, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir die jQuery-Bibliothek in die Seite einführen. Fügen Sie den folgenden Code in die HTML-Datei ein:
Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat?
Feb 29, 2024 am 09:03 AM
Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat? Wenn Sie jQuery zum Betreiben von DOM-Elementen verwenden, stoßen Sie häufig auf Situationen, in denen Sie feststellen müssen, ob ein Element ein bestimmtes Attribut hat. In diesem Fall können wir diese Funktion einfach mit Hilfe der von jQuery bereitgestellten Methoden implementieren. Im Folgenden werden zwei häufig verwendete Methoden vorgestellt, um festzustellen, ob ein jQuery-Element über bestimmte Attribute verfügt, und um spezifische Codebeispiele anzuhängen. Methode 1: Verwenden Sie die Methode attr() und den Operator typeof //, um zu bestimmen, ob das Element ein bestimmtes Attribut hat
Verstehen Sie die Rolle und Anwendungsszenarien von eq in jQuery
Feb 28, 2024 pm 01:15 PM
jQuery ist eine beliebte JavaScript-Bibliothek, die häufig zur DOM-Manipulation und Ereignisbehandlung in Webseiten verwendet wird. In jQuery wird die Methode eq() verwendet, um Elemente an einer bestimmten Indexposition auszuwählen. Die spezifischen Verwendungs- und Anwendungsszenarien sind wie folgt. In jQuery wählt die Methode eq() das Element an einer angegebenen Indexposition aus. Indexpositionen beginnen bei 0 zu zählen, d. h. der Index des ersten Elements ist 0, der Index des zweiten Elements ist 1 und so weiter. Die Syntax der eq()-Methode lautet wie folgt: $("s
