js 给div添加、删除class样式

在制作动态网页时,经常需要动态给Div添加或者删除样式,利用jquery的addClass(id)与deleteClass(id) 添加或者删除class样式

操作方法

  • 01

    给div定义为id为myReport ,并绑定onclick事件。 <div id ="myReport"><a onclick="addClass()" href="#">我的报告</a><div>

  • 02

    编写css样式 .active { width:212px;height:45px;border:1px solid #b4b4b4; }

  • 03

    编写js方法,给id为myReport的div 动态添加样式 function addClass() { $("#myReport").addClass("active"); //添加样式 }

  • 04

    编写js方法,给id为myReport的div动态删除样式 function deleteClass() { $("#myReport").deleteClass("active"); //添加样式 }

(0)

相关推荐

  • 谷歌浏览器表单自动填充时如何去除自动添加的默认样式

    一.发现该问题的原因-是在写账号登录页面时,input表单添加了背景图片,当自动填充,搓搓的一坨淡黄色背景出来. 这个原因是我草率的直接设置在input元素里面,结果问题就来了.所以如果把这个图标放在 ...

  • word文字怎么添加/删除圆圈?

    word中想要给文字添加圆圈或者删除圆圈,该怎么办呢?我们需要使用word的格式工具下面我们就来看看详细的教程. 一.添加圆圈的方法 1.打开word,输入文字. 2.选中要添加圆圈的文字,再点击上方 ...

  • wps2016如何插入水印?wps2016添加删除水印方法

    wps2016出来了,没有体验的朋友对它的界面比较陌生,今天小编带你一起体验一次插入水印和删除水印的过程.先准备好一篇文档备用. wps2016添加删除水印方法 启动wps2016,首先映入眼帘是三个 ...

  • PDF文件怎么给内容文字添加删除线?

    PDF文件怎么样给页面内容添加删除线呢?下面我们来看看怎么样给PDF文件页面内容添加一个删除线的效果. 1.首先,我们在百度搜索相关的PDF编辑软件来对相关的PDF文件进行打开操作.打开PDF文件的效 ...

  • 在Excel表格中怎么添加删除边框?

    excel表格边框的添加,删除怎么操作,下面给大家展示一下! 步骤 第一步:打开excel表格 第二步:选中要操作的区域 第三步:在选中区域上鼠标右击,选中“设置单元格格式”将跳出一个窗口 第四步:在 ...

  • 斗鱼直播怎么加文字?斗鱼添加删除文字教程

    斗鱼添加删除文字教程 打开斗鱼TV直播伴侣,登录后,点击下方菜单栏中的多媒体. 选择添加文本. 这时候就会跳出这个弹框. 输入文字,选择字体.颜色.样式.滚动速度后,点击确定. 这时候文字就会出现在左 ...

  • word如何添加\删除页眉和页码

    很多人在使用word时对word的一些功能不太了解,比如给word文档添加\删除页眉和页码,下面为大家详细介绍一下. 一.添加\删除页眉 01 打开一个拥有数页的word文档. 02 切换至" ...

  • JavaScript设置div内容;js设置div内容

    JavaScript如何设置div标签里的内容,只需要使用到innerHmtl即可. 操作方法 01 打开html开发工具,新建html文件.如图: 02 在html代码页面找到<body> ...

  • javascript动态添加/删除表格数据行

    操作方法 01 javascript动态添加/删除表格数据行完整示例页面代码: <html> <head> <title>Untitled  Document &l ...