Selector jQuery .clase

jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS, o más precisamente, el Modelo de objetos del documento (DOM) y JavaScript. Al elaborar los términos, simplifica el recorrido y la manipulación de documentos HTML, el manejo de eventos del navegador, las animaciones DOM, las interacciones Ajax y el desarrollo de JavaScript entre navegadores.

El selector .class especifica la clase de un elemento que se seleccionará. No debe comenzar con un número. Da estilo a varios elementos HTML. 

Sintaxis:

$(".class")

Parámetro:

  • clase: Este parámetro es necesario para especificar la clase de los elementos a seleccionar.

Ejemplo 1: 

HTML

<!DOCTYPE html>
<html>
<head>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
    $(document).ready(function () {
      $(".GEEKS").css("background-color", "pink");
    });
  </script>
</head>
<body>
  <p class="GEEKS">Geeks For Geeks</p>
 
  <span class="GEEKS">jQuery|.class selector
  </span>
</body>
</html>

Producción: 

 

Ejemplo 2: 

HTML

<!DOCTYPE html>
<html>
<head>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
    $(document).ready(function () {
      $(".GEEKS").css("background-color", "orange");
    });
  </script>
</head>
<body>
  <div style="border:2px solid red" class="GEEKS">
    Geeks For Geeks
  </div>
  <br>
  <br>
  <span class="GEEKS">jQuery|.class selector
  </span>
</body>
</html>

Producción:

  

Navegadores compatibles:

  • Google Chrome
  • Mozilla Firefox
  • Borde
  • Safari
  • Ópera

Publicación traducida automáticamente

Artículo escrito por kartikgoel1999 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *