jQuery selector syntax

Description

The selector syntax used by jQuery is a combination of CSS1-3 and XPath selectors. With jQuery you can select elements by attributes, element type, element position, CSS class, or a combination of these. The syntax for selecting elements is as follows:

$(selector,[context])

or

jQuery(selector, [context])

To select elements by tag name, use the tag name in the selector. For example, $("div") retrieves all of the divs in a document.

Example


<!DOCTYPE html> 
<html>
<head>
    <script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
    <script> 
        $(document).ready(function(){ <!--from   ww  w.  j a  va  2 s .c  om-->
            var wrappedElements = $("div"); 
            document.writeln(wrappedElements.length); 
        });
    </script> 
</head> 
<body>
    <div id="1"></div> 
    <div id="2"></div> 
    <div id="3"></div>
</body> 
</html>

Click to view the demo





















Home »
  jQuery »
    jQuery Tutorial »




Basics
Selector
DOM
Event
Effect
Utilities