jQuery pobrać i ustawić klasę CSS
Przez jQuery, można go łatwo operować elementami CSS.
Operacja jQuery CSS
jQuery ma kilka metod działania CSS. Dowiemy się, co następuje:
- addClass () - dodaj jedną lub więcej kategorii do wybranego elementu
- removeClass () - usuwa jeden lub więcej elementów wybranych z grupy
- toggleClass () - dla wybranego elementu w oknie Dodaj / Usuń operację przełączania klasy
- css () - Ustawia lub zwraca atrybuty stylu
Przykładowe arkusze stylów
Poniższy arkusz stylów będzie używany do wszystkich przykładów na tej stronie:
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
Metoda addClass jQuery ()
Poniższy przykład pokazuje jak dodać atrybut class do różnych elementów. Oczywiście, jeśli dodać klasę, można również wybrać kilka elementów:
Przykłady
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
Spróbuj »
Można również określić w addClass () metoda w wielu kategoriach:
Metoda jQuery removeClass ()
Poniższy przykład pokazuje, jak usunąć określonej klasy przypisywać różne elementy:
Metoda jQuery toggleClass ()
Poniższy przykład pokazuje, jak używać metody jQuery toggleClass (). Sposób działania wybranych elementów przełączania Dodaj / Usuń klasę:
Metoda jQuery css ()
Wyjaśnimy jQuery css () metoda w następnym rozdziale.