사용자 도구

사이트 도구


wiki:javascript:jquery:jquery_note:jquery_multiple_classes_selector

jQuery multiple classes Selector

  • description : jQuery multiple classes Selector
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-06-02


The source of this article

Example

클래스 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>

Definition and Usage

.class 선택자를 사용하여 여러 클래스를 선택할 수도 있습니다.

Note: 각 클래스는 쉼표로 구분하십시오.

Note: 숫자로 클래스 속성을 시작하지 마십시오. 일부 브라우저에서는 문제가 발생할 수 있습니다.

Syntax

$(".class01, .class02, .class03,...")
Parameter Description
class 필수입니다. 선택할 요소의 클래스를 지정합니다.
/volume1/web/dokuwiki/data/pages/wiki/javascript/jquery/jquery_note/jquery_multiple_classes_selector.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)