JQuery Method for page skin replacement
This article provides an example of how jQuery can skin a page. Share it with you for your reference. The specific analysis is as follows:
Many of you have done this on the page. Today, while visiting the blog, I also found a piece of jQuery skin replacement code, which I will share with you:
?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
$ (Document). ready (function (){ $ ('# StyleSwitch. click'). bind ('click', function (){ $ ('Body'). removeClass (); // Remove all the other classes $ ('# StyleSwitch. click'). 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; }); }); |
I hope this article will help you with jQuery programming.