[jQuery] inline css 스타일 초기화

폰트 사이즈를 변경하는 스크립트를 예전에 짠 적이 있는데.. 이걸 이번에 수정하면서 wrapper의 line-height 부분도 변경하도록 코드를 수정했다. 기본 크기로 변경시 line-height 부분도 기본값으로 변경을 해줘야 해서 wrapper의 기본 line-height 값을 .data()를 이용해 저장하도록 했는데 브라우저에 따라서 line-height 기본값이 normal 도 잡히는 경우가 있어 문제가 된다고 문의가 올라와서 inline으로 적용된 css 스타입을 초기화하도록 수정했다.

jQuery를 이용해서 inline css 스타일을 초기화하는 것은 removeAttr같은 것이 있나 찾아봤지만 찾을 수가 없었고 대신 아래 코드처럼 하면 초기화가 되는 것 같다.

<script>
$(function() {
    $("#button").click(function() {
        $("#container").css("line-height", "");
    });
});
</script>

아이디가 button인 엘리먼트를 클릭하면 container의 line-height 값을 초기화 하는 것이다.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.