jQuery實現(xiàn)給頁面換膚的方法

更新時間：2015年05月30日 15:14:52 作者：不吃皮蛋

這篇文章主要介紹了jQuery實現(xiàn)給頁面換膚的方法,涉及jQuery頁面元素的選擇與樣式的操作,需要的朋友可以參考下

本文實例講述了jQuery給頁面換膚的方法。分享給大家供大家參考。具體分析如下：

給頁面換膚的效果有不少同學(xué)做過，今天在逛blog時也發(fā)現(xiàn)一段使用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程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery中parents()的使用說明
今天遇到一個有意思的問題，jquery有兩個函數(shù)parent()和parents().通過這兩個函數(shù)可以找到一個對象的父對象，又稱作jquery的選擇器。
2010-11-11
jquery ajax修改全局變量示例代碼
今天工作的時候遇到一個問題，下面的代碼運(yùn)行之后每次彈出來的都是1，詳細(xì)的解決方法如下，需要的朋友參考下
2013-11-11
easyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法
下面小編就為大家?guī)硪黄猠asyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
jquery模擬alert的彈窗插件
這篇文章主要介紹了jquery模擬alert的彈窗插件的相關(guān)資料,需要的朋友可以參考下
2015-07-07
jQuery版仿Path菜單效果
昨日在一個前端網(wǎng)站上看見了一個老外寫的純用css3做的仿Path菜單，心里癢癢，于是也用jQuery寫了一個，現(xiàn)在分享給大家
2011-12-12
jQuery 相關(guān)控件的事件操作分解
JQuery是非常棒的JS類庫，有豐富的UI庫和插件，不過我鐘愛他的是他的選擇器，感覺其他功能有時跟后臺人員距離很遠(yuǎn)，所以一般我也只使用一下他的選擇器。
2009-08-08
完美解決jQuery的hover事件在IE中不停閃動的問題
下面小編就為大家?guī)硪黄昝澜鉀QjQuery的hover事件在IE中不停閃動的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
兩個select之間option的互相添加操作(jquery實現(xiàn))
兩個select,將其中一個select選中的選項添加到另一個select中,或者點擊全部添加按鈕將所有的option都添加過去.
2009-11-11
jQuery彈出(alert)select選擇的值
利用jQuery彈出select選擇的值,當(dāng)單擊按鈕的時候就會執(zhí)行的一個方法，它的作用就是alert select值
2013-04-04
易操作的jQuery表單提示插件
這篇文章主要為大家介紹了易操作的jQuery表單提示插件，使用它可以輕松為表單控件添加淡入淡出動畫效果的提示，感興趣的小伙伴們可以參考一下
2015-12-12