1.7. Obtención de un elemento con html() de Jquery

Para  ver el código HTML del elemento (s) seleccionado. En primer lugar asume que el archivo HTML contiene el elemento de párrafo como se muestra en el siguiente ejemplo:

<p> Los estilos hacen el trabajo de formato mucho más fácil y eficiente. Para dar un aspecto atractivo a los sitios web, se utilizan mucho los estilos.

<span> jQuery es una poderosa biblioteca de JavaScript que nos permite añadir elementos dinámicos a nuestros sitios web. </ span> No sólo es fácil de aprender, pero es fácil de poner en práctica también. <br> 
<a href="a1.htm"> jQuery selectores </a> se utiliza para seleccionar el área del documento donde queremos aplicar estilos </ p> 

El código jQuery para mostrar el código HTML del elemento párrafo aparece de la siguiente manera:

$ (document) .ready (function () {
alert ($ ('p'). html ()); 
}); 

El acceso a los contenidos del elemento párrafo con la ayuda del método de html(), donde se muestra su código HTML. El método de html () obtiene el contenido HTML del primer elemento de los elementos seleccionados. Se devuelve el contenido HTML en forma de una cadena. La diferencia entre html () y el  text () es que el método de text () se puede utilizar en XML, así como en los documentos HTML, mientras que HTML () puede ser utilizado sólo en un documento HTML. Otra diferencia es que el método de html() muestra las etiquetas junto con el texto.
Para obtener el contenido HTML del elemento span, usaríamos la siguiente declaración:

alert ($ (span') .html ());

Para obtener el contenido HTML del padre del elemento span, usaríamos el siguiente código jQuery:

alert($('span').parent().html());