Heim >Web-Frontend >js-Tutorial >jquery betreibt den CSS-Selektor
.addClass()
Fügt jedem passenden Element den angegebenen Stilklassennamen hinzu
.addClass(className)
className fügt jedem passenden Element einen oder mehrere Stilnamen hinzu
.addClass(function( index,currentClass))
Die Funktion gibt ein oder mehrere Leerzeichen getrennt zurück, index stellt die Indexposition im Parameterabgleich dar und zeigt auf das aktuelle Element im passenden Elementsatz.
$("p").addClass("myClass yourClass"); Fügen Sie diese beiden Klassennamensstile zum p-Element hinzu.
$("ul li:last").addClass(function(index){
return "item-"+index;
}) Füge „item-“ zum letzten
.CSS()
Rufen Sie den berechneten Wert des Stilattributs des ersten Elements im Satz übereinstimmender Elemente ab oder legen Sie ein oder mehrere
CSS-Attribute jedes übereinstimmenden Elements fest.
.css(PRopertyName)
propertyName ist ein CSS-Eigenschaftsname. Ein Array aus einer oder mehreren CSS-Eigenschaften.
$(this).css("background-color"); Ruft die Hintergrundfarbe des aktuellen Elements ab.
$(this).css(["width","height",color]) Ermittelt die Schriftfarbe für Breite und Höhe des aktuellen Elements.
.css(propertyName,value)
propertyName ist ein CSS-Eigenschaftsname.
Value legt den Attributwert dieses CSS fest.
.css(propertyName,function)
propertyName ist ein CSS-Eigenschaftsname.
Funktion Eine Funktion zur Rückgabe des Einstellungswerts. Dies ist das aktuelle Element.
$('div.example').css('width',function(index){
return index*50;
}) Legen Sie die Breite eines passenden Elements fest, um es zu vergrößern größerer Wert.
$("p").mouSEOver(function(){
$(this).css("color","red");
}) Wenn die Maus über das p-Element fährt, wird das Text wird rot.
$("#box").one("click",function(){
$(this).css("width","+=200")
}) #box-Breite hinzufügen beträgt 200 Pixel.
.hasClass()
Bestimmen Sie, ob einem passenden Element die angegebene (Stilklasse) zugewiesen ist.
.hasClass(className)
className Der abzufragende Stilname.
$("#mydiv").hasClass("foo") Ob das übereinstimmende Element den Stil foo enthält
Wenn es diesen Stil hat, dann true zurückgeben. Wenn nicht, dann false zurückgeben
.removeClass()
Entfernt den Stil für das passende Element.
.removeClass([className])
Ein oder mehrere durch Leerzeichen getrennte Stilnamen, die für jedes übereinstimmende Element entfernt werden sollen.
$("p").removeClass("myClass yourClass")
.removeClass(function(index,class))
Eine Funktion, die ein oder mehrere zu entfernende Elemente zurückgibt und alle Übereinstimmungen indiziert. Der Strom Element in der Elementsammlung.
.toggleClass()
Schaltet den Stilnamen für jedes Element im Satz übereinstimmender Elemente um
.toggleClass(className)
className für jedes Element im Satz übereinstimmender Elemente Ein oder mehrere (durch Leerzeichen getrennte) Stilklassennamen, die zum Ein- und Ausschalten von Elementen verwendet werden.
.toggleClass(className,switch)
switch ist ein boolescher Wert, der verwendet wird, um zu bestimmen, ob der Stil hinzugefügt oder entfernt werden soll.
.toggleClass([switch])
switch ist ein boolescher Wert, der verwendet wird, um zu bestimmen, ob eine Stilklasse hinzugefügt oder entfernt werden soll.
$('#foo').toggleClass(className,add0rRemove) entspricht
if(add0rRemove){
$('#foo').addClass(className);
}else{
$('#foo').removeClass(className)
}
$("p").click(function(){
$(this).toggleClass ("Hervorheben");
//Ändern Sie den Stil, wenn Sie auf das aktuelle p-Tag klicken
})
Das Obige ist der Inhalt des CSS-Selektors für die Bedienung von jquery. Weitere verwandte Artikel finden Sie hier zu PHP Chinese. Net (www.php.cn)!