jQuery를 통해 CSS 속성 변경

Question

여기에서 달성하고자하는 것은 링크 위로 마우스를 올려 놓으면 녹색으로 변합니다. 이 코드와 정확히 뭐가 문제

는 :

<script> 
    $(document).ready(function() { 
    $("a").hover(function() { 
    $(this).css({"background-color": "green;"}); 
    }); 
}); 

</script> 

Answer 1

이 아니라 색상 만 세미콜론 기대하지 자바 스크립트에서, CSS에서 작동 green; 후 세미콜론입니다.

$(document).ready(function() { 
    $("a").hover(function() { 
     $(this).css({"background-color": "green"}); 
    }); 
}); 

Answer 2

jQuery는 .css() 함수를 사용하여 CSS 속성이나 문서의 DOM 요소를 변경할 수 있습니다.

단일 속성 예제 :

jQuery(Selector).css("PropertyName", "Value"); 

여러 속성 예제 :

jQuery(Selector).css({"PropertyName1": "Value1", "PropertyName2": "Value2"}); 

예를 들어,

jQuery(document).ready(function() { 
    jQuery("a").hover(function() { 
     jQuery(this).css("background-color", "green"); 
    }); 
});