Jquery element querys

From John Freier
Jump to: navigation, search

These are different ways in JQuery to query for the element(s).

Generic Querys

Not - When getting a group of items, this will exclude certain ones.

 $('.clazz1').not('.clazz2').click(function(){});

or

 $('.clazz1:not(clazz2)').click(function(){});

Loop Through This example loops through all the input elements in a form with the id = "formid"

$('#formid input').each(function(){
     $(this).val();
}


Check Boxes

These are a bunch of checkbox querys


Check boxes

 $('[type="checkbox"]').click(function(){});

Check boxes - get all checked items This example loops through all the check boxes and gets all checked items

$('#formBatchPublisher input:checkbox:checked').each(function(){
     alert($(this).attr('id'));
 });