jQuery selectors allow you to select and manipulate HTML element(s).
With jQuery selectors you can find elements based on their id, classes, types, attributes, values of attributes and much more. It’s based on the existing CSS Selectors, and in addition, it has some own custom selectors.
All type of selectors in jQuery, start with the dollar sign and parentheses: $().
|Tag Nam||Represents a tag name available in the DOM. For example $(‘p’) selects all paragraphs in the document.|
|Tag ID||Represents a tag available with the given ID in the DOM. For example $(‘#some-id’) selects the single element in the document that has an ID of some-id.|
|Tag Class||Represents a tag available with the given class in the DOM. For example $(‘.some-class’) selects all elements in the document that have a class of some-class.|
All the above items can be used either on their own or in combination with other selectors. All the jQuery selectors are based on the same principle except some tweaking.
Examples of jQuery Selectors
|$(“*”)||Selects all elements|
|$(this)||Selects the current HTML element|
|$(“p.intro”)||Selects all <p> elements with class=”intro”|
|$(“p:first”)||Selects the first <p> element|
|$(“ul li:first”)||Selects the first <li> element of the first <ul>|
|$(“ul li:first-child”)||Selects the first <li> element of every <ul>|
|$(“[href]”)||Selects all elements with an href attribute|
|$(“a[target=’_blank’]”)||Selects all <a> elements with a target attribute value equal to “_blank”|
|$(“a[target!=’_blank’]”)||Selects all <a> elements with a target attribute value NOT equal to “_blank”|
|$(“:button”)||Selects all <button> elements and <input> elements of type=”button”|
|$(“tr:even”)||Selects all even <tr> elements|
|$(“tr:odd”)||Selects all odd <tr> elements|