Cu jQuery, este ușor de manipulat CSS elementelor.
de
jQuery CSS Manipularea
jQuery are mai multe metode de manipulare CSS. Ne vom uita la următoarele metode:
- addClass() - adaugă una sau mai multe clase de la elementele selectate
- removeClass() - Înlătură una sau mai multe clase din elementele selectate
- toggleClass() - Comută între adăugarea / eliminarea claselor din elementele selectate
- css() - Setează sau returnează style de atribut
Exemplul Stylesheet
Următoarea va fi foaia de stil folosit pentru toate exemplele de pe această pagină:
.important
{
font-weight: bold;
font-size: xx-large;
}
.blue
{
color: blue;
}jQuery addClass() Metoda
Următorul exemplu arată cum să adăugați atribute de clasă la elemente diferite. Desigur, puteți selecta mai multe elemente, atunci când adăugarea de clase:
Exemplu
$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});
Încearcă - l singur » Puteți specifica , de asemenea , mai multe clase , în addClass() metoda:
Exemplu
$("button").click(function(){
$("#div1").addClass("important blue");
});
Încearcă - l singur » jQuery removeClass() Metoda
Următorul exemplu arată cum să eliminați un atribut anumită clasă din diferite elemente:
jQuery toggleClass() Metoda
Următorul exemplu va arăta cum să utilizați jQuery toggleClass() metoda. Această metodă comută între adăugarea / îndepărtarea claselor din elementele selectate:
jQuery css() Metoda
JQuery css() Metoda va fi explicată în capitolul următor.
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4»
jQuery CSS referință
Pentru o prezentare completă a tuturor metodelor jQuery CSS, vă rugăm să accesați pagina jQuery HTML / CSS de referință .