[jQuery] 폰트 사이즈 1씩 증가

 

버튼을 클릭하면 폰트사이즈가 1씩 증가하는 코드

<script>
    $(document).ready(function(){
        $("#fontSizeUp").click(function(){
            // 현재 선택한 폰트 크기 구하기
            var fontSize = parseInt($(".text").css("fontSize"));

            // 폰트 크기를 1증가
            $(".text").css("fontSize", fontSize+1);
        })
    });

</script>

<button id="fontSizeUp">폰트크기+</button>

<div class="text">
    폰트크기+ 버튼을 누르면 1씩 증가
</div>

 

.css 메서드를 이용해서 fontSize를 가져오고 +1을 해야 하기 때문에 parseInt() 메서드를 사용해서 정수로 변경한다.

구해 온 현재 사이즈에 +1을 더해서 사이즈를 적용시킨다.