jq怎样添加类呢?

通过添加类可以修改元素的属性,比如浏览器的换肤效果就是这样来实现的,今天我们就来看看jq怎样添加类呢?

操作方法

  • 01

    如图,设置一个按钮和一个div,接着我们开始实现这样的效果:当点击按钮的时候改变div的一些属性。

  • 02

    如图,我先设置div的一些属性,比如宽高,边框等。

  • 03

    接着我们来预览看看效果,可以看到div标签是没有背景色,只有一个红色的边框,并且div里面的文字是左对齐的。

  • 04

    接着我们来书写一个类,类名可以随便起,这里我就取了一个height的类名。接着我们设置height类里面的值。这里我就设置文本的颜色为蓝色,对齐方式为水平居中,字体大小为28像素,以及背景颜色为天蓝色。

  • 05

    然后给按钮绑定点击事件,当触发点击事件的时候,就会调用addClass方法来添加类,addClass里面的参数就是类名。如图,参数我就写height。

  • 06

    这样,当我们点击按钮时,原本的div元素就会添加类height的属性,背景颜色,文本颜色,对齐方式,大小都发生了改变,这就是jq添加类的用法哦。看看添加类前后的对比图吧!

(0)

相关推荐

  • visualstudio怎么添加类?

    visual studio需要创建类,该怎么创建呢?下面我们就来看看详细的教程. 1.visual studio的进行的打开代码的编辑器当中,进行点击菜单中的  项目 选项. 2.进行选中的项目的文件 ...

  • 天猫如何申请添加类目?

    在淘宝天猫中的旗舰店.专卖店商家并且持有商标注册证的品牌可以在我们的店铺后台申请其添加商标注册证上相关商品在天猫一.二级的类目.如何申请添加类目? 操作方法 01 首先点击登陆店铺后台,点击商家中心左 ...

  • js怎样添加类

    添加类在网页中也是非常重要的,那么怎样使用JavaScript来添加一个类呢?今天小编我就来分享一下方法! 操作方法 01 首先,书写一个div标签,然后使用button标签来在网页中添加一个按钮. ...

  • 如何用Rational rose创建类图

    类图是显示建模系统的模型,在类图里可以将类名,接口,数据类型,组件等类型囊括其中,对我们理解整个项目起着至关重要的作用. 操作方法 01 安装好rational rose 软件后,选择j2ee会看到如 ...

  • IntelliJ Idea如何配置类和方法的注释模板

    在写代码时为了提高可阅读性,我们经常需要给Java等语言的类及方法添加注释,这时为了提高效率我们就可以用到注释模板,本文将主要介 绍如何用Intelij Idea配置类及方法的注释模板提高代码注释效率 ...

  • 鲨鱼记账怎么用,怎么添加类别

    最近很多人喜欢用记账,不过本子记太麻烦了,还要计算金额,现在我们手机也可以记账了,下面来教大家怎么用鲨鱼记账,怎么添加类别. 操作方法 01 打开你的鲨鱼记账,然后登录一下你的帐号,这样记录以后可以保 ...

  • visual studio 2013常用快捷键 VS2013快捷键大全

    Visual Studio 2013 是一个基本完整的开发工具集,它包括了整个软件生命周期中所需要的大部分工具,如UML工具、代码管控工具、集成开发环境(IDE)等等。VS 2013 中新增了很多提高 ...

  • Visual Studio IDE 实用小技巧(附打包下载)

    Visual Studio IDE 实用小技巧(附打包下载)

  • 怎样在VS2013/MFC中使用TeeChart绘图控件

    TeeChart作为一款强大好用的绘图控件,通过它可以绘制出各式各样的图表,包括2D的,还有3D的,绘制的图表美观实用,这里主要讲述如何在VS2013/MFC中使用TeeChart控件,顺便说一下在V ...