$(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;
  });
});

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)鼠標(biāo)響應(yīng)式透明度漸變動(dòng)畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)響應(yīng)式透明度漸變動(dòng)畫效果,涉及jQuery事件響應(yīng)及動(dòng)態(tài)修改頁(yè)面元素屬性相關(guān)操作技巧,需要的朋友可以參考下
2018-02-02
jquery實(shí)現(xiàn)的Banner廣告收縮效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的Banner廣告收縮效果代碼,可實(shí)現(xiàn)點(diǎn)擊按鈕收縮與展開廣告圖片的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-09-09
jquery實(shí)現(xiàn)的元素的left增加N像素鼠標(biāo)移開會(huì)慢慢的移動(dòng)到原來(lái)的位置
鼠標(biāo)移動(dòng)上去，元素的left增加N像素，鼠標(biāo)移開會(huì)慢慢的移動(dòng)到原來(lái)的位置
2010-03-03
jQuery實(shí)現(xiàn)的簡(jiǎn)單對(duì)話框拖動(dòng)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單對(duì)話框拖動(dòng)功能,涉及jQuery事件響應(yīng)、數(shù)值運(yùn)算及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-06-06
利用jQuery和CSS將背景圖片拉伸
這篇文章主要介紹了分別用jQuery和CSS將背景圖片進(jìn)行拉伸，讓它在頁(yè)面中隨著瀏覽器尺寸進(jìn)行拉伸，就像我們的電腦桌面壁紙效果,需要的朋友可以參考下
2015-10-10
jquery實(shí)現(xiàn)智能感知連接外網(wǎng)搜索
注意引用的插件及順序;搜索獲取選擇的值,智能感知連接外網(wǎng)搜索，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)你大家有所幫助
2013-05-05
jQuery選擇器選中最后一個(gè)元素，倒數(shù)第二個(gè)元素操作示例
這篇文章主要介紹了jQuery選擇器選中最后一個(gè)元素，倒數(shù)第二個(gè)元素操作,涉及jQuery選擇器eq()方法與last()方法相關(guān)操作技巧,需要的朋友可以參考下
2018-12-12
jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼,涉及jquery鼠標(biāo)事件及頁(yè)面元素動(dòng)態(tài)變換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
jQuery制作簡(jiǎn)單柱狀圖實(shí)例
這篇文章主要介紹了jQuery制作簡(jiǎn)單柱狀圖的方法,實(shí)例分析了html與css布局以及jQuery功能的具體實(shí)現(xiàn)方法,需要的朋友可以參考下
2015-01-01
Jquery跳到頁(yè)面指定位置的方法
這篇文章主要介紹了Jquery跳到頁(yè)面指定位置的方法,需要的朋友可以參考下
2014-05-05