Descendant Selector

Syntax

$("ancestor descendant")

Description

Descendant Selector selects all the elements that are the descendant of the specified ancestors, which could be a child, grandchild, great-grandchild, and so on., The below example is used to find all the descendant elements from a given ancestor in a form

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> function test() { $("form input").css("border", "2px solid blue"); } </script> <form style="border:2px solid lightblue; margin:4px 4px 4px 4px;"><br><label>Child:</label> <input name="name" /> <label>Grandchild:</label> <input name="character" /> <br><label>Great-grand Child:</label> <input name="number" /> <br></form><br>Sibling to form: <input name="none" /> <br><input type="button" class="btntest" value="Test" onclick="test();"><br>