Hello Readers,

Jquery selectors is basically a key using with jquery library. Jquery selectors are one of the most important aspects of the jquery library. These jquery selectors are familiar with CSS and use with CSS syntax to allow page easily identify any set of page elements to operate upon with jquery library method.

Syntax of jquery selector:

$(selector).methodName();

In the above, selector syntax (string expression) that identifies the set of DOM elements that will be collected into a matched set (operated upon by jquery library methods).

JQuery operations can also be chained:

Chained syntax:

$(selector).method1().method2().method3();

Alternately,

1. To find the html element in jQuery we use selectors.
2. To work with an element on the web page, first we need to find them.

There are many types of selectors but basic selectors are:

1. Name : Selects all elements which match with the given element Name. The element name selector enables you to select elements by their names certain type or kind. For instance, all anchor elements, or paragragh elements.

Syntax:

$('a');

For Example:

$('a').css('background-color', '#00ff00');

2. #ID :

For Example:

<script type="text/javascript">
$(document).ready(function() {
    $('#theId').css('background-color', '#00ff00');
});
</script>

<div id="theId">
    text
</div>btn btn-primary

3. .Class :

For Example:

$('.theClass').text();

4. Universal(*) :

The jquery universal selector syntax :

$("*")

For Example:

<script>
$(document).ready(function(){
$("body>*").css("background-color","orange");
});    
</script>

5. Multiple Elements E,F,G :

6. Attribute Selector :

Syntax:

$('[height]');