Manipular DOM con jQuery: 10 snippets útiles

10 snippets de gran utilidad para trabajar con DOM usando jQuery:

1. Añadir una clase CSS a un elemento específico
$('#myelement').addClass('myclass');
2. Eliminar una clase CSS de un elemento
   $('#myelement').removeClass('myclass');

3. Comprobar si un elemento tiene una clase
   $(id).hasClass(class);

4. Cambiar de CSS usando jQuery
$('link[media='screen']').attr('href', 'Alternative.css');
5. Añadir HTML a un elemento
$('#lal').append('sometext');
6. Comprobar si un elemento existe
   1.if ($('img').length) {
   2.    log('We found img elements on the page using "img"');
   3.} else {
   4.    log('No img elements found');
   5.}
   
   
7. Obtener el elemento padre de un elemento
var id = $("button").closest("div").attr("id");
8. Obtener los hermanos de un elemento
$("div").siblings();
9. Eliminar una opción de una lista de selección.
$("#selectList option[value='2']").remove();
10. Obtener la opción seleccionada como texto.
$('#selectList :selected').text();
11. Aplicar un efecto "cebra" a las tablas.
$("tr:odd").addClass("odd");
12. Contar los hijos de un elemento.
$("#foo > div").length;

Manipulating the DOM with jQuery: 10+ useful code snippets » »