링크 · http://api.jquery.com/multiple-selector/
multiple selector
Multiple Selector (“selector1, selector2, selector3 ”) - 다중 선택자 (“요소1, 요소2, 요소3”)
설명: 조건이 맞는 모든 요소를 찾습니다.
서로 다른 요소들을 찾는 효율적인 방법입니다.
반환되는 요소의 순서는 DOM요소의 순서이기 때문에 jQuery 객체의 순서와는
맞지않을 가능성이 있습니다.
예제: 세 선택자중 하나이상 일치하는 모든 요소를 찾습니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>multiple demo</title>
<style>
div, span, p {
width: 126px;
height: 60px;
float: left;
padding: 3px;
margin: 2px;
background-color: #eee;
font-size: 14px;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>div</div>
<p class="myClass">p class="myClass"</p>
<p class="notMyClass">p class="notMyClass"</p>
<span>span</span>
<script>
$( "div, span, p.myClass" ).css( "border", "3px solid red" );
// 코드 해설: <div>태그 이거나 <span>태그 또는 클래스명이 "myClass"인 <p>태그를 찾아 빨간선을 적용합니다.
</script>
</body>
</html>
'!' 카테고리의 다른 글
| [jQuery]:filter selector (0) | 2018.04.22 |
|---|---|
| [jQuery]:ID Selector ("#id") (0) | 2018.04.15 |
| [jQuery]:Element Selector ("tag") (0) | 2018.04.15 |
| [jQuery]:Class Selector(".class name") (0) | 2018.04.15 |
| [jQuery]:All Selector ("*") (0) | 2018.04.15 |