jquery怎么删除css某个style

藏色散人
Lepaskan: 2023-01-03 09:26:03
asal
3684 orang telah melayarinya

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

Atas ialah kandungan terperinci jquery怎么删除css某个style. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!