miércoles, 23 de mayo de 2012

La función html de Jquery



La función html de Jquery

html() es una función de Jquery que permite agregar contenido html dentro de un determinado elemento.

Por ejemplo: html("<h1>Título</h1>");  En el elemento se agregará la etiqueta de título seleccionada o cualquier otro código html.

En el siguiente ejemplo al hacer click sobre el botón se agregará un título dentro un dív...




El código es el siguiente...
<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$(":button#boton").click(function(){
$("#caja").html("<h1>Añadiendo un Título a un DIV</h1>");
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="html()">
<div id="caja">
</div>
</body>
</html>




No hay comentarios: