Some Useful JavaScript & jQuery Snippets – Part 3

How to hide all children div except a specific one with jQuery? $('#target div:not(#exclude)').hide(); //or $('#target').children().filter(':not(#exclude)').hide(); Detecting when a div’s height changes using jQuery $('element').bind('resize', function(){ alert( 'Height changed to' + $(this).height() ); } Delete all table rows except first $('someTableSelector').find('tr:gt(0)').remove(); Selecting root element of a certain level in the document 1 level: $('*:not(* *)'); […]

snippets_part3

  • How to hide all children div except a specific one with jQuery?
  • $('#target div:not(#exclude)').hide();
    //or
    $('#target').children().filter(':not(#exclude)').hide();
  • Detecting when a div’s height changes using jQuery
  • $('element').bind('resize', function(){
    alert( 'Height changed to' + $(this).height() );
    }
  • Delete all table rows except first
  • $('someTableSelector').find('tr:gt(0)').remove();
  • Selecting root element of a certain level in the document
  • 1 level:
    $('*:not(* *)');
    2 level:
    $('*:not(* *)').find('> *');
    3 level:
    $('*:not(* *)').find('> * > *');
  • Searching a string in jQuery
  • var foundin = $('*:contains("some string bla bla")');
  • Get the distance scrolled from top
  • alert($(document).scrollTop());
  • Select all elements except the ones with a given class
  • $('* :not(.someclass)')
  • Add a row to a table
  • $('#myTable tr:last').after('<tr>...</tr>');
  • How to convert decimal to hexadecimal?
  • num = num.toString(16);
    reverse process:
    num = parseInt(num, 16);
  • Filtering By More Than One Attribute in JQuery
  • var elements = $('#someid input[type=sometype][value=somevalue]').get();
  • How to expire a cookie in x minutes
  • var date = new Date();
    date.setTime(date.getTime() + (x * 60 * 1000));
    $.cookie('example', 'foo', { expires: date });
  • Selecting the first x items with jQuery
  • example: first 10 anchors
    $('a').slice(0,10);
    //or
    $('a:lt(10)');
  • Working with a select element
  • //Get the value of a selected option
    $('selectElement').val();
    
    //Get the text of a selected option
    $('#selectElementId :selected').text();
    
    //Remove an option (e.g. id=1)
    $("#selectElementId option[value='1']").remove();

    Previous:
    Next:

    Tagged with:

    Cody loves jQuery - he puts the magic into every web application. He is crazy about Curry dishes.

    View all contributions by

    Website: http://tympanus.net/codrops/author/cody/

    Related Articles

    Feedback 5

    Comments are closed.
    1. Pingback: Some Useful JavaScript & jQuery Snippets - Part 2 | Codrops

    2. Pingback: Some Useful JavaScript & jQuery Snippets | Codrops

    3. 1

      Definitely some useful JavaScript and jQuery scripts man. I can probably even use a few on my blog, great!

    4. Pingback: Some Useful JavaScript & jQuery Snippets – Part 3 | Codrops

    Comments are closed.