JQuery Selectors

JQuery selectors allow you to select and manipulate HTML elements. JQuery selectors find HTML elements based on id, name, attribute, classes etc.



General syntax for JQuery selector is $()
Ex:

Element selector
$("p") - select all p element on that page.

ID selector 
$("#txtUserName") - select control with mention id.

Class selector 
$(".myclass") - select control, html element which is having mention class.

Attribute Selector
$("a[target='_blank']") - select anchor tag which is having mention attribute.

$(*) - select all elements available in DOM.

Parent/Child Selectors

JQuery allows you to select HTML elements based on parent child relations.


<div id="mainarea">
        <p>This is my content</p>
</div>
        <script type="text/javascript">
            $("#mainarea > p").css("font-weight", "bold").css("color", "red");

</script>


Note: -In above script, mainarea is the id of parent div tag and p is the child for this tag.



Popular posts from this blog

Calling REST APi from server side code - C#

All about SharePoint 2010 Content Type Hub

Calling ASP.Net WebMethod using jQuery AJAX