English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Selector de nombre de clase jQuery .class

Selector de jQuer

Dicho  .class   El selector selecciona todos los elementos con la clase especificada.

Se declara delante de una o más cadenas de caracteres con un punto (.).

La propiedad class se utiliza para aplicar estilos específicos a múltiples elementos HTML.

Los elementos HTML también pueden referirse a múltiples clases (véase el siguiente "Ejemplo").

Nota:No utilice números como inicio de la propiedad de clase. Puede causar problemas de excepción en algunos navegadores.

Sintaxis:

$(".class")

Ejemplo

Seleccionar todos los elementos con la clase "demo":

$(document).ready(function(){
  $(".demo").css("background-color", "amarillo");
});
Prueba y observa‹/›

Seleccionar todos los elementos <p> con la clase "demo":

$(document).ready(function(){
  $("p.demo").css("background-color", "amarillo");
});
Prueba y observa‹/›

Seleccionar todos los elementos que tienen múltiples nombres de clase "myclass" y "otherclass":

$(document).ready(function(){
  $(".myclass.otherclass").css("background-color", "amarillo");
});
Prueba y observa‹/›

Valor del parámetro

ParámetrosDescripción
classEspecificar el nombre de la clase del elemento que se desea seleccionar

Selector de jQuer