2010-09-12

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 » »

No hay comentarios: