jquery怎么删除css某个style

藏色散人
Freigeben: 2023-01-03 09:26:03
Original
3621 Leute haben es durchsucht

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

Das obige ist der detaillierte Inhalt vonjquery怎么删除css某个style. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!