jQuery button selector

The jQuery button selector is used to filter out all the button elements in a page, the syntax for this selector is.

input[type="button"]

In this post we shall see on how to use the jQuery button selector to select all the button elements in a page without specifying the id or name of element explicitly.

The following script lists out all the button elements in the page

    $('input[type="button"]').each(function() {

        alert('Button: ' + $(this).attr('id'));

    });    

The following script lists out all the button elements in the page on click of the btnTypeSelector button.

$('#btnTypeSelector').click(function(event) {

    event.preventDefault();               

    //

    // Button - Type Selector

    $('input[type="button"]').each(function() {

        alert('Button: ' + $(this).attr('id'));

    });    
});

Related Post
jQuery type Selector
jQuery text Selector
jQuery textarea selector
jQuery hidden Selector
jQuery password Selector
jQuery dropdown Selector
jQuery radio Selector
jQuery checkbox Selector
jQuery image Selector
jQuery HyperLink Selector
jQuery submit Selector
jQuery reset Selector
jQuery button Selector
jQuery type selector Example