ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery の page_jquery をスキニングする方法

jQuery の page_jquery をスキニングする方法

WBOY
リリース: 2016-05-16 15:57:16
オリジナル
1632 人が閲覧しました

この記事の例では、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 プログラミングに役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート