html y jQuery

Manipulación del contenido html

• Cambia el contenido del elemento/s html seleccionado/s:

$(selector).html(contenido)

• Añaden contenido en el elemento HTML seleccionado:

$(selector).append(content)
$(selector).prepend(content)

• Añaden contenido después o antes del elemento HTML seleccionado:

$(selector).after(content)
$(selector).before(content)

Manipulación de atributos de html

• Método attr()

Obtenemos los valores de los atributos de las etiquetas html:

//obtenemos el valor del título del enlace:
$("a").attr("title");

Si hay varios atributos se pueden recorrer mediante el método each():

$("a").each(function(i){
      var titulo = $(this).attr("title");
      alert("Atributo title del enlace " + i + ": " + titulo);
   });

Podemos modificar también el valor de los atributos pasando un segundo parámetro:

• Método prop()

$(elemento).prop("checked", true);

• ¿Cuándo usar attr() y cuando prop()?

Atributos que se modifican con attr(): class, id, href, label, src, title...

Propiedades que se modifican con prop(): autofocus, checked, async, multiple, readOnly...