Select with Descendant $('E F') selector in jQuery
Description
The following code shows how to select with Descendant $('E F') selector.
Example
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){<!--from ww w . ja va2 s. c om-->
$("form input").css("border", "2px solid red");
});
</script>
</head>
<body>
<form>
<label>Child:</label>
<input name="name" />
<fieldset>
<label>Grandchild:</label>
<input name="newsletter" />
</fieldset>
</form>
</body>
</html>
The code above generates the following result.
...
Select the first span element after clickin...
Select the first span element $("span:first...
Select the first table row in jQuery
Select the first two table cells by Less th...
Select the hidden div tags with hidden sele...
Select the input element by name and then s...
Select the last row in table with last sele...
Select the last table row in jQuery
Select the next and change its text in jQue...
Select the next elements who has certain cl...
Select the next sibling and apply style in ...
Select the previous element for div and set...
Select the second table row with Greater th...
Select third table cells with Element at in...
Select visible element with visible selecto...
Select with Attribute equals ([foo=bar]) se...
Select with Attribute not equal ([foo!=bar]...
F') selector in jQuery' href='Select_with_Child_E_F_selector_in_jQuery.htm'>Select with Child $('E > F') selector in jQ...
Select with Last child selector in jQuery
Select with Multiple expressions $('E, F, G...
Select with Only child (:only-child) select...
Select with Universal selector $('*') in jQ...
Select with attribute begins with selector ...
Select with attribute contains $('[foo*=bar...
Select with attribute contains word $('[foo...
Select with attribute ends with $('[foo$=ba...
Select with attribute exists selector in jQ...
Select with class name selector $(".myClass...
Select with (:empty) empty selector in jQue...
Select with first child selector in jQuery
Select with form input selector (:input) in...
Select with not(negate) selector $(':not(E)...
Select with tag name selector $("div") in j...
Set parent element for a paragraph element ...
Set the selecting context to the document b...
Show hidden elements $(":hidden") in jQuery
...
Select the first span element after clickin...
Select the first span element $("span:first...
Select the first table row in jQuery
Select the first two table cells by Less th...
Select the hidden div tags with hidden sele...
Select the input element by name and then s...
Select the last row in table with last sele...
Select the last table row in jQuery
Select the next and change its text in jQue...
Select the next elements who has certain cl...
Select the next sibling and apply style in ...
Select the previous element for div and set...
Select the second table row with Greater th...
Select third table cells with Element at in...
Select visible element with visible selecto...
Select with Attribute equals ([foo=bar]) se...
Select with Attribute not equal ([foo!=bar]...
F') selector in jQuery' href='Select_with_Child_E_F_selector_in_jQuery.htm'>Select with Child $('E > F') selector in jQ...
Select with Descendant $('E F') selector in...
Select with ID selector $("ul#myList") in j...Select with Last child selector in jQuery
Select with Multiple expressions $('E, F, G...
Select with Only child (:only-child) select...
Select with Universal selector $('*') in jQ...
Select with attribute begins with selector ...
Select with attribute contains $('[foo*=bar...
Select with attribute contains word $('[foo...
Select with attribute ends with $('[foo$=ba...
Select with attribute exists selector in jQ...
Select with class name selector $(".myClass...
Select with (:empty) empty selector in jQue...
Select with first child selector in jQuery
Select with form input selector (:input) in...
Select with not(negate) selector $(':not(E)...
Select with tag name selector $("div") in j...
Set parent element for a paragraph element ...
Set the selecting context to the document b...
Show hidden elements $(":hidden") in jQuery
...