른록노트

[Javascript] class 추가, 제거, 속성 이름 가져오기 본문

Programming/[Javascript]

[Javascript] class 추가, 제거, 속성 이름 가져오기

른록 2017. 8. 30. 10:35

클래스 추가

   $('#btn').addClass('btn_good');


(function 추가 가능)

   $('h1').addClass(function (index){

            return 'btn_' + index;

        });



클래스 제거

   $('#btn').removeClass('[지울클래스명]');


예시

<script>

    $(document).ready(function () {

        $('h1').removeClass('select');

    });

</script>

    <div>

        <h1 class="item">Header-0</h1>

        <h1 class="item select">Header-1</h1>

        <h1 class="item">Header-2</h1>

    </div>

</body>

결과



속성 이름 가져오기

  $('#btn').attr('class');


+

문서객체의 속성제거

  $('#btn').removeAttr('alt');



참고사이트
출처: http://bearpro.tistory.com/109


반응형
Comments