Difference between revisions of "Jquery element querys"
From John Freier
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
These are different ways in JQuery to query for the element(s). | These are different ways in JQuery to query for the element(s). | ||
| − | + | __TOC__ | |
| − | + | ||
| + | == Generic Querys == | ||
Not - When getting a group of items, this will exclude certain ones. | Not - When getting a group of items, this will exclude certain ones. | ||
$('.clazz1').not('.clazz2').click(function(){}); | $('.clazz1').not('.clazz2').click(function(){}); | ||
| + | or | ||
| + | $('.clazz1:not(clazz2)').click(function(){}); | ||
Loop Through | Loop Through | ||
| Line 13: | Line 15: | ||
$(this).val(); | $(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')); | ||
| + | }); | ||
Latest revision as of 11:29, 31 July 2013
These are different ways in JQuery to query for the element(s).
Contents
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'));
});
