中关村在线

软件

jQuery移除div样式方法

在jQuery中,可通过获取div对象,调用attr()方法将其style属性设为空值,从而清除内联样式。接下来通过实例进行具体说明。

1、 创建一个名为test.html的文件,通过实例演示如何使用jQuery移除div元素的样式属性。

2、 在test.html中,利用div标签创建一个模块,将其id设为mydiv,便于后续通过此id获取该div元素对象。

3、 为div设置样式:宽度150px,高度150px,并添加1px红色实线边框,以便清晰展示其布局效果。

4、 在div标签中通过style属性设置CSS样式,利用background指定背景颜色为黄色。

5、 在test.html中,利用button标签创建按钮,并为其绑定onclick点击事件,当用户点击按钮时,触发并执行delcss函数。

6、 在js标签中定义delcss()函数,通过getElementById获取id为mydiv的div元素,调用其setAttribute方法将style属性值设为空字符串,从而实现清除该元素的行内样式。

7、 用浏览器打开test.html,点击按钮即可查看实际效果。

8、 新建一个名为test.html的文件。

展开全文
人赞过该文
内容纠错

相关电商优惠

评论

更多评论
还没有人评论~ 快来抢沙发吧~

读过此文的还读过

点击加载更多

内容相关产品

说点什么吧~ 0

发评论,赚金豆

收藏 0 分享
首页查报价问答论坛下载手机笔记本游戏硬件数码影音家用电器办公打印 更多

更多频道

频道导航
辅助工具