강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

hello123님의 프로필 이미지
hello123

작성한 질문수

자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.2

실습 - jQuery를 활용한 스타일 값 설정하기

섹션 0. 실습 - jQuery를 활용한 스타일 값 설정하기 - ex11 中

작성

·

229

0

$jQuery.removeClass() 메서드를 사용해 노드의 class 속성을 제거하는 실습입니다.
 
$(".menu li").each(function(){ //루핑하면서 선택된 li객체의 모든 클래스를 제거하고 있다. $(this).removeClass(); });
 
ul.menu의 자식 요소들인 li 요소의 클래스를 제거하기 위해서
each() 메서드를 사용하지 않아도 가능합니다.
 
$("#remove").on("click", function() {
                // $content.children().removeClass();
                $(".menu li").removeClass();
            });
위 코드로도 .menu li의 클래스를 삭제할 수 있습니다.
 
 
 

퀴즈

자바스크립트에서 HTML 요소의 인라인 스타일과 CSS 파일/내부 스타일 시트에 정의된 스타일 속성 값을 가져올 때의 주된 차이점은 무엇일까요?

인라인 스타일은 getComputedStyle로, 다른 스타일은 .style 속성으로 접근해요.

인라인 스타일은 .style 속성으로 접근하고, 다른 스타일은 getComputedStyle 함수를 사용해야 해요.

자바스크립트로는 CSS 파일/내부 스타일 시트의 스타일 값은 가져올 수 없어요.

어떤 스타일이든 .style 속성 하나로 접근해서 가져올 수 있어요.

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!
hello123님의 프로필 이미지
hello123

작성한 질문수

질문하기