JQuery Selector

By ukmodak | March 31st 2024 10:31:18 AM | viewed 1161 times

jQuery Selectors

jQuery selectors allow you to select and manipulate HTML element(s).

jQuery selectors are used to "find" (or select) HTML elements based on their name, 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 selectors in jQuery start with the dollar sign and parentheses: $().

  1. $("*") - Selects all elements
  2. $(this)-Selects the current HTML element
  3. $("p.intro")-Selects all <p> elements with class="intro"
  4. $("p:first")-Selects the first <p> element
  5. $("ul li:first")-Selects the first <li> element of the first <ul>
  6. $("ul li:first-child")-Selects the first <li> element of every <ul>
  7. $("[href]")-Selects all elements with an href attribute
  8. $("a[target='_blank']")-Selects all <a> elements with a target attribute value equal to "_blank"
  9. $("a[target!='_blank']")-Selects all <a> elements with a target attribute value NOT equal to "_blank"
  10. $(":button")-Selects all <button> elements and <input> elements of type="button"
  11. $("tr:even")-Selects all even <tr> elements
  12. $("tr:odd")-Selects all odd <tr> elements

Example

$(document).ready(function(){
  $("button").click(function(){
    $(".test").hide();
  });
});
bONEandALL
Visitor

Total : 27273

Today :9

Today Visit Country :

  • United States
  • Sweden
  • Singapore
  • Russia