jquery addClass()-Methode
Übersetzungsergebnisse:
add
Englisch [æd] US [æd]
vt.Add; Additionsoperation; (der ergänzende Teil eines Berichts)
classEnglisch :s] US [klæs] n. Typ
vt Klasse
adj. Sehr gut, ausgezeichnet, hervorragend
vi Gehören zu... Kategorie (oder Niveau), werden als eine bestimmte Kategorie (oder ein bestimmtes Niveau) aufgeführt
jquery addClass()-MethodeSyntax
Funktion: Die Methode addClass() fügt dem ausgewählten Element eine oder mehrere Klassen hinzu. Diese Methode entfernt keine vorhandenen Klassenattribute, sondern fügt nur ein oder mehrere Klassenattribute hinzu. Wenn Sie mehrere Klassen hinzufügen müssen, trennen Sie die Klassennamen durch Leerzeichen.
Syntax: $(selector).addClass(class)
Parameter:
Parameter | Beschreibung |
Klasse | Erforderlich. Gibt einen oder mehrere Klassennamen an. |
Syntax: $(selector).addClass(function(index,oldclass))
Parameter:
Parameter | Beschreibung |
Funktion (Index, alte Klasse) | Erforderlich. Gibt eine Funktion an, die einen oder mehrere hinzuzufügende Klassennamen zurückgibt. |
Index | Optional. Die Indexposition des Selektors. |
Kurs | optional. Der alte Klassenname des Selektors. |
jquery addClass()-MethodeBeispiel
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p:first").addClass("intro"); }); }); </script> <style type="text/css"> .intro { font-size:120%; color:red; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>向第一个 p 元素添加一个类</button> </body> </html>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen