기본 선택자

기본 형태

전체 선택자

• HTML 페이지에 있는 모든 문서 객체(DOM)을 선택하는 선택자이다.
• 전체 선택은 “ * “ 를 사용

<script>
        $(function(){
            $('*').css('color', 'red');
        });
    </script>

태그 선택자

• 지정한 태그와 일치하는 태그들을 모두 선택하는 선택자이다.

		<h4>안녕? 난 뽀로로야~!</h4>
    <p>노는게 제일 좋아 친구들 모여라 언제나 즐거워 개구쟁이 뽀로로</p>
    <script>
        $(function(){
            $('h4').css('color', 'blue');
            $('h4, p').css('background', 'lightgray');
        });
    </script>

→ 하나 이상의 태그 선택자를 동시에 사용하고 싶을 때 ‘ , ‘ 로 구분한다.

아이디 선택자

• 특정한 아이디 속성을 가지고 있는 문서 객체를 선택하는 선택자

<h1 id="test2">테스트2</h1>
    <script>
        $(function(){
            $('#test2').css('color', 'cyan');
        });
    </script>

클래스 선택자