现在对于网页的布局变得花样繁多，还有些炫酷的操作，而这些元素的改变就是通过动态更改实现出的效果，那么怎样实现动态的修改呢？比如说今天将的几个jQuery封装的方法。
对于布局来说使用插件是一个再平凡不过的事了，使用插件可以极大的减少或者免去css代码的编写，因为这些插件都是一个css代码库，基本上已经将你所需要的样式都写出来了，而你只需要调用即可，调用方法就是将所对应样式的类名赋值给元素，就是将对应需要的class写到对应的标签上就可以了。当然这些布局都是静态的，那么要实现动态的效果接下来将进入今天的主题。
动态的效果，就是通过点击、鼠标移入移出等操作添加上一些方法来改变其样式，从而达到一个变化的效果，那么我就来介绍一下便于插件布局动态效果更改的几个方法。
上面说过，插件布局是添加很多类，而布局只是静态布局，要改为动态的效果，那么可以直接通过js代码更改元素的类来实现。改变元素的类，可以添加类，可以修改，可以移除。添加类在jQuery中有一个addClass()方法，它可以给元素增加一个或者多个样式名。
上面是一个简单的样式，然后我们使用addClass()方法来进行样式改变，将它的背景改变颜色：
对于addClass()方法来说改变样式就比attr()方便很多，但addClass()并不能直接替换掉一个样式名，而是单纯的增加一个样式，根据代码执行的顺序所显示的样式必然是添加的样式。
有了增加样式，那就肯定有移除。removeClass()方法是专门用来移除样式名的，当你点击后增加了一个红色背景，那么我鼠标移入到那个元素上就将这个红色背景移除掉。
获取到元素的id，给它一个鼠标移入事件（mouseover()），然后调用removeClass()方法将添加的样式移除掉，这样该元素的样式又回到了原本的时候。
到这里就会想jQuery是让代码更简洁，那么这里这个操作就感觉比较多了，这个办法也没有难度。jQuery提供了另一个方法：toggleClass()，这个方法是一种简化的互斥切换，给它一个点击事件可以同时实现前面两种方法所实现的效果。
同样的给按钮一个点击事件，调用toggleClass()方法更改选择该元素的样式，第一次点击按钮背景会变成更改的样式，再次点击又会回到原来的样式。
