jquery addclass不起作用怎么办
Dec 24, 2020 am 09:50 AMjquery addclass不起作用是因为新添加的样式的优先级比起原先的样式低,其解决办法就是将改变的样式写法改为“.test .change{background: white;}”即可。
本教程操作环境:windows7系统、jquery1.2.6版本,DELL G3电脑,该方法适用于所有品牌电脑。
推荐:jquery视频教程
使用jquery的addClass方法后,样式已经成功添加,但还是没有效果,是因为新添加的样式的优先级比起原先的样式低所致。
例如,原先样式如下
.test div{ width: 100px; height: 100px; background: black; }
改变的样式如下:
.change{ background: white; }
像这种原先样式带有父级的,对.test容器里的div直接使用addClass("change")语句是没效果的,因为change样式优先级低于原先的样式,可以采用如下方法:
将改变的样式写法改为:
.test .change{ background: white; }
或者改为:
.change{ background: white!important; }
这时对.test容器里的div使用addClass("change")语句就有效了
Atas ialah kandungan terperinci jquery addclass不起作用怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Penjelasan terperinci kaedah rujukan jQuery: Panduan permulaan cepat

Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?

Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?

Petua jQuery: Cepat ubah suai teks semua teg pada halaman

Gunakan jQuery untuk mengubah suai kandungan teks semua teg

Analisis mendalam: kelebihan dan kekurangan jQuery

Fahami peranan dan senario aplikasi eq dalam jQuery

Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu?
