Wednesday, July 16, 2014

Selectors in Jquery:

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

Convert Html to Pdf in azure function and save in blob container

 In this post  I am going to create an azure function ( httpTrigger ) and send html content  which will be converted into PDF and save in bl...