jq怎样添加类呢?
通过添加类可以修改元素的属性,比如浏览器的换肤效果就是这样来实现的,今天我们就来看看jq怎样添加类呢?
操作方法
- 01如图,设置一个按钮和一个div,接着我们开始实现这样的效果:当点击按钮的时候改变div的一些属性。 
- 02如图,我先设置div的一些属性,比如宽高,边框等。 
- 03接着我们来预览看看效果,可以看到div标签是没有背景色,只有一个红色的边框,并且div里面的文字是左对齐的。 
- 04接着我们来书写一个类,类名可以随便起,这里我就取了一个height的类名。接着我们设置height类里面的值。这里我就设置文本的颜色为蓝色,对齐方式为水平居中,字体大小为28像素,以及背景颜色为天蓝色。 
- 05然后给按钮绑定点击事件,当触发点击事件的时候,就会调用addClass方法来添加类,addClass里面的参数就是类名。如图,参数我就写height。 
- 06这样,当我们点击按钮时,原本的div元素就会添加类height的属性,背景颜色,文本颜色,对齐方式,大小都发生了改变,这就是jq添加类的用法哦。看看添加类前后的对比图吧! 
 赞 (0)
                        