Monday, 18 April 2016

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 $()

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>
        <script type="text/javascript">
            $("#mainarea > p").css("font-weight", "bold").css("color", "red");


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

Disqus Comments