Thursday, September 27, 2012

jQuery class selector


jquery, jquery selector, jquery attribute selector
The jQuery class selector is used to filter out all elements in a page with a specific class, the syntax for this selector is.

$(".className")

In this post we shall see on how to use the jQuery class selector to select all elements in a page which have a specific class.

The following script lists out all the elements in the page which have a classFocusText

    $(".FocusText").each(function() {
      alert('Class Selector:' + $(this).attr('id'));
    });

The following script lists out all the elements in the page which have a specific class on click of the btnAttributeSelector button.

$('#btnAttributeSelector).click(function(event) {
    event.preventDefault();               
    //
    // Attribute - Class Selector
    $(".FocusText").each(function() {
      alert('Class Selector:' + $(this).attr('id'));
    });
});

Related Post
jQuery attribute Selectors
jQuery id selector
jQuery class selector
jQuery attribute exists selector
jQuery attribute value selector
jQuery attribute with type selector
jQuery attribute with type and value IN selector
jQuery attribute with type and value NOT IN selector
jQuery attribute with dropdown type selector
jQuery attribute with checkbox type selector
jQuery attribute selector Example

Search Flipkart Products:
Flipkart.com

No comments: