클래스 intro, demo 또는 end를 가지는 모든 요소를 선택합니다.
<body> <h1>Welcome to My Homepage</h1> <p class="intro">This paragraph has class "intro".</p> <!-- text color changed --> <p>This is a paragraph.</p> <p class="demo">This paragraph has class "demo".</p> <!-- text color changed --> <p>This is another paragraph.</p> <p class="end">This paragraph has class "end"</p> <!-- text color changed --> <p>This is the last paragraph</p> <script> $(document).ready(function () { $('.intro, .demo, .end').css('color', 'crimson'); }); </script> </body>
.class 선택자를 사용하여 여러 클래스를 선택할 수도 있습니다.
Note: 각 클래스는 쉼표로 구분하십시오.
Note: 숫자로 클래스 속성을 시작하지 마십시오. 일부 브라우저에서는 문제가 발생할 수 있습니다.
$(".class01, .class02, .class03,...")
Parameter | Description |
---|---|
class | 필수입니다. 선택할 요소의 클래스를 지정합니다. |