Ejemplo Get jquery

En Jquery utilizando el get podemos jalar el contenido que tenga
algun elemento desde el texto hasta el mismo codigo en html de este modo:

text: retorna el valor textual que contenga el elemento seleccionado

html: retorna el codigo html que contenga el elemento seleccionado

A continuacion mostrare un ejemplo utilizando el get.







apletenhtml
hola mundo



En este ejemplo por medio del text() se muestra exactamente el texto
que contiene el h4 txt mientras que por medio del html se obtiene el
codigo que hay dentro del h4 txt.

aqui el codigo:

<!doctype html>
<html>
<head>
 <meta charset="utf-8">
 <title>appletenhtml get jquery</title>
    <script src="jquery-1.11.2.js"></script>
 
</head>
<body>

<article>
 <section>
 
 <h4 id="txt">apletenhtml <pre>hola mundo</pre></h4>
 <button id="boton1">get</button>
 </section>
 <div id="msj1"></div>
 <div id="msj2"></div>
</article>

<script>

$("#boton1").click(function(){
  $("#msj1").html("Get texto: " + $("#txt").text());
  alert("Get html: " + $("#txt").html());
});


</script>
</body>
</html>




Ten en cuenta que para que funcione el código debes de tener el jquery
aqui el link: Jquery1.11.2.js




Descargar ejemplo: example get jquery


Comentarios

Populares

Buscar en este blog