Rumah > hujung hadapan web > tutorial js > Kaedah jQuery menguliti page_jquery

Kaedah jQuery menguliti page_jquery

WBOY
Lepaskan: 2016-05-16 15:57:16
asal
1645 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara menguliti halaman dengan jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Ramai pelajar telah melakukan kesan menukar kulit halaman Hari ini apabila melayari blog, saya juga menemui sekeping kod menggunakan jQuery untuk menukar kulit yang saya hantar untuk dikongsi dengan anda:

$(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;
  });
});
Salin selepas log masuk

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan