首页 >web前端 >js教程 > 正文

jquery怎么删除css某个style

原创2021-02-28 11:18:0001234

jquery删除css某个style的方法:首先新建一个html文件;然后引入jquery.min.js库文件;接着在div标签内,使用style定义div的样式;最后通过创建的delbg函数删除css某个style即可。

本教程操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

jquery移除style中的一个属性:

新建一个html文件,命名为test.html,用于讲解jquery移除style中的一个属性。

c88e8cc0a9d123cedf636dc31bf528d.png

在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

e2eea3f8e86f8271c35738ab3e1846b.png

在test.html文件内,使用div标签创建一个模块,并设置其id为testdiv,主要用于下面通过该id获得div对象。

8c3630fc8e2ae777db5520356844e80.png

在div标签内,使用style定义div的样式,使用css设置div的宽度为100px,高度为100px,边框为1px粉红色实线边框,背景颜色为红色。【推荐:《css视频教程》】

da86942dfd97514964c4c90bdaac12e.png

在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行delbg()函数。

88f5b07e2deb4de6337a325ef93de39.png

在js标签中,创建delbg()函数,在函数内,通过div的id获得div对象,使用css()方法设置background属性为空,就可以实现移除背景颜色了。

da8062911dd4ce6097aca5bc0c7b3d7.png

在浏览器打开test.html文件,点击按钮,查看实现的效果。

3f90e9d6cdc80e5ba18cfdbba725161.png

以上就是jquery怎么删除css某个style的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:jquery
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • jQuery深入视频教程jQuery深入视频教程
  • jquery.api.3.2.1中文手册jquery.api.3.2.1中文手册
  • jquery趣味课堂 (快速入门版)jquery趣味课堂 (快速入门版)
  • PHP+Jquery+Mysql实现省市县三级联动PHP+Jquery+Mysql实现省市县三级联动
  • jQuery插件与封装技术jQuery插件与封装技术
  • 视频教程分类