dev [JQuery] ~ 3. - CSS com JQuery!

[Pica-Pau]

 

CSS com JQuery masoq

 

Função "css();" no JQuery, pra que serve ? É meio que obvio...

Mas agora você vai ver as funções que ela tem U_u

 

Retornando o valor do atributo:

// CSS

.elemento {

  background-color: blue;

}



// HTML

<div class="elemento"></div>



// JAVASCRIPT com JQUERY

var elemento = $(".elemento");

alert("Cor do Background: " + elemento.css("background-color"));





// RESULTADO:

// Cor do Background: blue

Setando valor do atributo:

// CSS

.elemento {

  background-color: blue;

}



// HTML

<div class="elemento"></div>



// JAVASCRIPT com JQUERY

var elemento = $(".elemento");

alert("Cor do Background: " + elemento.css("background-color"));



elemento.css("background-color", "yellow");

alert("Cor do Background: " + elemento.css("background-color"));



// RESULTADO:

// Cor do Background: blue

// Cor do Background: yellow

Setando multiplos valores de um atributo:

// CSS

.elemento {

  background-color: blue;

  width: 70%;

}



// HTML

<div class="elemento"></div>



// JAVASCRIPT com JQUERY

var elemento = $(".elemento");

alert("Cor do Background: " + elemento.css("background-color") + " | " + elemento.css("width"));



elemento.css("background-color", {"width": "30%", "background-color": "black"});

alert("Cor do Background: " + elemento.css("background-color") + " | " + elemento.css("width"));



// RESULTADO:

// Cor do Background: blue | 70%

// Cor do Background: black | 30%

Só mais um tutorial ai pra area de HTML/Javascript

não falecer ;-; vlw galera até a próxima depois tem mais tutorial

 

tem um cara me chamando no Discord chatinho chamado Ragnar né kkk

tenho que flw ;-;

Editado Novembro 7, 2017 por Pica-Pau