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

From our sponsor: Design every part of your website with the Divi Theme Builder.

  • 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();

    Tagged with:

    cody

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

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

    Stay up to date with the latest web design and development news and relevant updates from Codrops.

    CSS Reference

    Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

    It doesn't matter if you are a beginner or intermediate, start learning CSS now.

    Feedback 5

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

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

    3. 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