Este método se utiliza para adjuntar uno o más controladores de eventos para los elementos seleccionados. También especifica la función que se ejecuta cuando ocurre el evento. Los controladores de eventos utilizados funcionarán para los elementos actuales y futuros que coincidan con el selector.
Sintaxis:
$(selector).live(event, data, function)
Valores de propiedad:
- Evento: Se utiliza para especificar eventos, que se adjuntarán a los elementos. Si hay más de un evento, se separan por espacio.
- Función: se utiliza para especificar la función que se ejecutará cuando ocurra el evento.
- datos: se utiliza para especificar el paso de datos adicionales con la función. Es una propiedad opcional.
Ejemplo-1: Mostrar y ocultar texto cuando ocurre un evento.
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("button").live("click", function() {
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>Geeks for Geeks</p>
<button>Press</button>
<br>
<br>
<div><b><h4>Clicking on the 'Press'
button will execute the live method().
</h4></b> </div>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: Insertar elemento y ocultar cuando ocurre un evento.
<!DOCTYPE html>
<html>
<body>
<h1><center>Geeks
</center>
</h1>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("p").live("click", function() {
$(this).slideToggle();
});
$("button").click(function() {
$("<p>Inserted Element</p>").insertAfter(
"button");
});
});
</script>
<p>Click here to make it disappear.</p>
<button>Click to insert an element</button>
</body>
</html>
Producción:
Inicialmente:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA