Selectors in Jquery:
1. #(ID selector) is used when need to select any control with Id
e.g <div id="dvemplist"></div>
$("#dvemplist").html('your string');
2. element selector is used to select element
e.g : $("p").hide(); can be select all P element of the page.
3. Class selector (.) is used to select all the controls with class name
$(".your css name").show();
4. * to select all the element
$("*")
Note : Always try to use Id selector because it gives better performance than others
Except these bellows are very useful:
Jquery provides some selector to make easy developer's works:
Below are those selectors:1. #(ID selector) is used when need to select any control with Id
e.g <div id="dvemplist"></div>
$("#dvemplist").html('your string');
2. element selector is used to select element
e.g : $("p").hide(); can be select all P element of the page.
3. Class selector (.) is used to select all the controls with class name
$(".your css name").show();
4. * to select all the element
$("*")
Note : Always try to use Id selector because it gives better performance than others
Except these bellows are very useful:
$("*") | 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")(source from w3c) |
Selects
all odd <tr> elements |
No comments:
Post a Comment
Thanks for your valuable comments