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. La elaboración de 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 método delegado() en jQuery se usa para agregar controladores de eventos al elemento que son elementos secundarios de los elementos seleccionados. Cuando ocurra el evento, se ejecutará la función. Esto funcionará para elementos actuales y futuros (si queremos crear algunos elementos más adelante).
Sintaxis:
$(selector) .delegate(childSelector, event, data, function)
Parámetros: Esta función acepta cuatro parámetros.
- childSelector: este es un parámetro obligatorio y se usa para especificar los elementos secundarios para adjuntar el controlador de eventos.
- event: este es un parámetro obligatorio y se utiliza para especificar los eventos que se adjuntarán a los elementos. Si hay varios valores de eventos, estarán separados por espacios.
- datos: este es un parámetro opcional y se usa para pasar los datos adicionales usando la función.
- función: este es un parámetro obligatorio y especifica la función que se ejecutará cuando ocurra el evento.
Ejemplo: El siguiente código demuestra el método delegar() en jQuery.
HTML
<!DOCTYPE html>
<html>
<head>
<title> delegate() Method in jQuery </title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js">
</script>
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>delegate() Method in jQuery</h2>
<div>
<h3>
Click the button to change font size,
text color and background color of
GeeksforGeeks
</h3>
<button> Click me </button>
</div>
<p>GeeksforGeeks</p>
</center>
<script>
$(document).ready(function() {
$("div").delegate("button", "click", function() {
$("p").css("background-color", "grey");
$("p").css("color", "white");
$("p").css("font-size", "50px");
});
});
</script>
</body>
</html>
Producción:
método delegar() en jQuery
Referencia: https://api.jquery.com/delegate/
Publicación traducida automáticamente
Artículo escrito por singh_teekam y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA