Multiple expressions (E, F, G)
Syntax
$('E, F, G')
Description
Select all elements matched by any of the selector expressions E, F, or G.
Examples
Selector | Selects |
---|---|
$('code, em, strong') | selects all <code>, <em>, and <strong> elements |
$('p strong, .myclass') | selects all <strong> elements that are descendants of a <p> element, as well as all elements that have a class of myclass |
<html>
<head>
<script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div,span,p.myClass").css("color","red");
});
</script>
</head>
<body>
<body>
<div>div</div>
<p class="myClass">p class="myClass"</p>
<p class="notMyClass">p class="notMyClass"</p>
<span>span</span>
</body>
</html>
Select tag and its class
<html>
<head>
<script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div,span,p.myClass").css("border","3px solid red");
});
</script>
</head>
<body>
<div>div</div>
<p class="myClass">p</p>
<p class="notMe">p</p>
<span>span</span>
</body>
</html>
Home
JavaScript Book
jQuery
JavaScript Book
jQuery
Selector:
- jQuery Selector
- DOM Element Selection
- Filter Selectors
- Selecting by Position
- Filtering by Content
- Filtering by Relationships
- Escape characters
- ID attribute
- Tag Name
- Class Name
- Descendant
- Child (E > F)
- General sibling (E ~ F)
- Multiple expressions (E, F, G)
- Universal (*)
- Numbered child (:nth-child(n/even/odd/expr))
- First child (:first-child)
- Last child (:last-child)
- Only child (:only-child)
- Not (:not(E))
- Empty (:empty)
- Attribute selectors
- Attribute ([attr])
- Attribute equals ([foo=bar])
- Attribute does not equal ([foo!=bar])
- Attribute begins with ([foo^=bar])
- Attribute ends with ([foo$=bar])
- Attribute contains ([foo*=bar])
- Attribute contains word ([foo~=bar])
- Attribute contains prefix ([foo|=bar])
- Attribute exists $("[attributeName*='value']");
- Form selectors (:input)
- Form text fields (input:text)
- Form Password field (input:password)
- Form Radio button (input:radio)
- Form Checkbox (input:checkbox)
- Form Submit button (input:submit)
- Form Image button (input:image)
- Form Reset button (input:reset)
- Form button (input:button)
- Form File upload (input:file)
- Form Enabled form element (input:enabled)
- Form Disabled form element (input:disabled)
- Form Checked box (input:checked)
- Form Selected option (input:selected)
- Element at index (:eq(n))
- Greater than (:gt(n))
- Less than (:lt(n))
- First (:first)
- Last (:last)
- Even element (:even)
- Odd element (:odd)
- Is parent (:parent)
- Contains text (:contains(text))
- Contains element (:has(E))
- Visible (:visible)
- Hidden (:hidden)
- Header element (:header)
- Currently animating (:animated)
- $(this)
- Custom User Selectors