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