개발일지

스타일 메서드 본문

javascript/jquery

스타일 메서드

eodovo 2022. 9. 2. 16:14
728x90

 

is() 메소드 => 문서 객체의 특징을 판별 true/false 반환

 

 

*hasClass('클래스명') =>  선택요소가 지정 클래스명 가지고 있는지 검사. //점 없이 클래스명만 사용

 

 

    <p class="select">문서의 단락 내용1</p>
    <p>문서의 단락 내용2</p>
    <p>문서의 단락 내용3</p>
    <p class="select">문서의 단락 내용4</p>


    <script>
        $('p').each(function (index) {
            if ($(this).is('.select')) {
                $(this).css('background', 'Orange')
                console.log(index)
            }
        });

    </script>

'p' 객체의 is 메서드를 통해  클래스가 .select가 맞는지 검사 후 

 

검사값이 true일 경우 색을 입힌다 . 

'javascript > jquery' 카테고리의 다른 글

시각적 효과  (0) 2022.09.05
이벤트 연결  (0) 2022.09.05
문서 조작 메서드  (0) 2022.09.05
제이쿼리 기초 문법  (0) 2022.09.02
jQuery의 기초  (0) 2022.09.02
Comments