page_jquery를 스키닝하는 jQuery의 방법

이 문서의 예에서는 jQuery를 사용하여 페이지를 스킨하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

많은 학생들이 페이지 스킨 변경 효과를 봤습니다. 오늘 블로그를 탐색하다가 jQuery를 사용하여 스킨을 변경하는 코드도 발견했습니다.

$(document).ready(function(){
  $('#styleSwitch .button').bind('click', function(){
    $('body').removeClass();
    //remove all the other classes
    $('#styleSwitch .button').removeClass('selected');
    $(this).addClass('selected');
    switch(this.id){
      case 'style1':
        $('body').addClass('style1');
        break;
      case 'style2':
        $('body').addClass('style2');
        break;
      case 'style3':
        $('body').addClass('style3');
        break;
    }
    return false;
  });
});

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.