El bind() es un método incorporado en jQuery que se usa para adjuntar uno o más controladores de eventos para el elemento seleccionado y este método especifica una función para ejecutar cuando ocurre un evento.
Sintaxis:
$(selector).bind(event, data, function);
Parámetro: Acepta tres parámetros que se especifican a continuación-
- evento: Este es un tipo de evento que se pasa a los elementos seleccionados.
- datos: Son los datos que se pueden mostrar sobre los elementos seleccionados.
- función: Esta es la función que realizan los elementos seleccionados.
Valor devuelto: Devuelve todas las modificaciones realizadas sobre el elemento seleccionado.
Código #1:
En el siguiente código, el evento «clic» se adjunta con el párrafo dado usando este método.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("p").bind("click", function() {
alert("Given paragraph was clicked.");
});
});
</script>
<style>
p {
display: block;
padding: 50px;
width: 280px;
border: 2px solid green;
}
</style>
</head>
<body>
<p>Click me!</p>
</body>
</html>
Salida:
antes de hacer clic en el cuadro «Haga clic en mí»- 
Después de hacer clic en el cuadro «Haga clic en mí»-
Código n.º 2:
en el siguiente código, se agrega el mismo evento de «clic», pero esta vez también se pasan datos a este método.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
function handlerName(e) {
alert(e.data.msg);
}
<!--Here data is passing along with a function in
bind method-->
$(document).ready(function() {
$("p").bind("click", {
msg: "You just clicked the paragraph!"
}, handlerName)
});
</script>
<style>
p {
display: block;
padding: 50px;
width: 280px;
border: 2px solid green;
}
</style>
</head>
<body>
<!--A pop will appear after clicking on this paragraph-->
<p>Click me!</p>
</body>
</html>
Salida:
antes de hacer clic en el cuadro «Haga clic en mí»- 
Después de hacer clic en el cuadro «Haga clic en mí»-
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA