Finds all children of the element with id "main" : Selector children « jQuery « JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

JavaScript Tutorial » jQuery » Selector children

30.4.4.Finds all children of the element with id "main"

<html>

  <head>

    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>

    <script type="text/javascript">

        $(document).ready(function(){

                

           $("#main > *").css("border", "3px solid red");

                

        });

    </script>

  </head>

  <body>

    <body>

      <span id="main">

        <div>asdf</div>

        <button>Child</button>

        <span>A Span</span>

      </span>

    </body>

</html>

30.4.Selector children
	30.4.1.	nthChild(index)
	30.4.2.	onlyChild(): If the parent has other child elements, nothing is matched.
	30.4.3.	Select n-th child
	30.4.4.	Finds all children of the element with id "main"
	30.4.5.	Finds all p elements that are children of a div element
	30.4.6.	Is it the first child
	30.4.7.	Matches all child elements specified by child of elements specified by parent

java2s.com | Contact Us | Privacy Policy

All other trademarks are property of their respective owners.