miércoles, 23 de mayo de 2012

Añadir texto con la función text Jquery



Añadir texto con la función text Jquery

text() es una función de Jquery que permite añadir y evaluar texto de un determinado elemento, esta función es muy parecida a la función html() con la diferencia de que esta función tan sólo permite añadir texto es decir si introduces tags HTML estos serán interpretados como simple texto y no como código HTML.

En el siguiente ejemplo al hacer click sobre el botón añadiremos texto a un div...




El código del ejemplo 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").text("<b>Añadiendo texto al div #caja</b>");
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="text()">
<div id="caja" class="caja"></div>
</body>
</html>