Seletor de classe jQuery .class

Seletores do jQuery

Dito　 .class 　 O seletor seleciona todos os elementos com a classe especificada.

É declarado antes de uma ou mais sequências de caracteres de string com um ponto (.)

A propriedade class é usada para definir estilos específicos para múltiplos elementos HTML.

Elementos HTML também podem referenciar várias classes (veja o exemplo a seguir).

Atenção:Não use números no início da propriedade class. Pode causar problemas em alguns navegadores.

Sintaxe:

$(".class")

Exemplo

Selecionar todos os elementos com a classe "demo":

$(document).ready(function(){
　　$(".demo").css("background-color", "yellow");
});

Selecionar todos os <p> elementos com a classe "demo":

$(document).ready(function(){
　　$("p.demo").css("background-color", "yellow");
});

Selecionar todos os elementos que possuem múltiplas classes "myclass" e "otherclass":

$(document).ready(function(){
　　$(".myclass.otherclass").css("background-color", "yellow");
});

Valor do Parâmetro

Seletores do jQuery