¿Cómo se ejecutan los selectores de jQuery?

jQuery es una biblioteca de JavaScript rápida y liviana diseñada para simplificar el recorrido, la manipulación, el manejo de eventos, la animación CSS y Ajax del árbol DOM de HTML. El objetivo principal de jQuery es proporcionar una manera fácil de usar JavaScript en su sitio web para hacerlo más interactivo y atractivo.

Es ampliamente famoso por su filosofía de «Escribe menos, haz más». porque fue desarrollado para realizar más tareas con pocas líneas de código. jQuery es más rápido que JavaScript porque tiene menos código en comparación con JavaScript.

Sintaxis:

 $(selector).action()
  • $– Es para definir jQuery.
  • selector – Es para encontrar elementos HTML en la página HTML.
  • action() – Es la acción a realizar sobre los elementos seleccionados.

Selector de jQuery: los selectores de jQuery se utilizan para seleccionar los elementos HTML y le permiten manipular los elementos HTML de la manera que queramos. Selecciona los elementos HTML en un parámetro variable como su nombre, clases, id, tipos, atributos, valores de atributos, etc.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    </script>
    <style>
      body {
        color: green;
        text-align: center;
      }
    </style>
    <script>
      $(document).ready(function () {
        $("button").click(function () {
          $("p").hide();
        });
      });
    </script>
  </head>
  
  <body>
    <h1>GeeksForGeeks</h1>
  
    <p>paragraph one.</p>
  
    <p>paragraph two.</p>
  
    <button>Click me to hide paragraphs</button>
  </body>
</html>

Producción:

ejecución de jQuery

Si se trata de más de dos selectores seguidos, los últimos selectores siempre se ejecutan primero.

Por ejemplo, jQuery primero encontrará todos los elementos con la clase «.list» y luego seleccionará todos los elementos con la identificación «segundo».

$('p').html($("second.list").text());

Para saber más sobre los selectores de jQuery, puede seguir esta referencia completa de selectores de jQuery

Publicación traducida automáticamente

Artículo escrito por krishnanand3 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 *