首页  >  文章  >  web前端  >  jquery怎么删除css某个style

jquery怎么删除css某个style

藏色散人
藏色散人原创
2021-02-28 11:18:003649浏览

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

jquery怎么删除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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn