• 회원가입
  • 로그인

[HTML_CSS] JQ - addClass() 메서드 ★ - 선택요소에 하나 또는 그 이상의 class 명을 추가



$("요소").addClass("클래스명");

 

addClass() 예제

 

<script src="http://code.jquery.com/jquery-latest.js"></script>

 

<style>

table,th,td {border:1px solid red; border-collapse:collapse;}

th,td {padding:50px;}

.hover {background:red;}
</style>

 

<table id='hz' class=''>

<tr>

<th class=''>홈짱닷컴</th>

</tr>

<tr>

<td class=''>Homzzang.com</td>

</tr>

</table>

 

<script>

$(document).ready(function(){

    $( "td" ).hover(

        function() {

          $( this ).addClass( "hover" );

       }, function() {

          $( this ).removeClass( "hover" );

       }

    );

});

</script>

 

결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012