jQuery nos brinda 3 formas de obtener y asignar contenido como texto al DOM.
.val()
Obtener y asignar el valor de controles de formulario como ser input, select y textarea
.text()
Obtener y asignar el texto de cualquier elemento DOM. Específicamente utiliza en la propiedad innerHTML
.html()
Lo mismo que el text() con la diferencia que el texto es interpretado como HTML, no como texto plano
Los tres métodos trabajan de la misma manera al momento de obtener o asignar: para asignar, simplemente enviamos un string por parámetro y para obtener no enviamos ningún parámetro:
Desde la versión 1.4 de jQuery el método .html() puede recibir una función y con un return dentro de la misma asignamos el innerHTML al elemento selecionado.
Puntos importantes a tener en cuenta al utilizarlos:
Al momento de asignar con el método html() y pisar el contenido hay que tener en cuenta limpiar la memoria de los elementos antes de hacerlo para evitar que la memoria se nos vaya de las manos. Pueden ver mas sobre empty() y remove() en este post