Javascript toggleclass不工作?
我希望单击父一子div类将切换 在html中Javascript toggleclass不工作?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我希望单击父一子div类将切换 在html中 <div class="A"> <div class="B C"> <p>check your card</p> </div> </div> 在js中 在您的css中没有需要添加的C类 $(.A”)。单击(函数(){ $(“.B”)。切换类别(“C”); }); .A{ 显示:块; } C{ 字体大小:120%; 颜色:红色; } 检查你的卡
<div class="A">
<div class="B C">
<p>check your card</p>
</div>
</div>
在js中
在您的
css
中没有需要添加的C
类
$(.A”)。单击(函数(){
$(“.B”)。切换类别(“C”);
});代码>
.A{
显示:块;
}
C{
字体大小:120%;
颜色:红色;
}
检查你的卡
我把它放在一个盒子里。代码似乎工作正常(检查元素)
你可能需要把它包起来
$(document).ready(function() {
// Your code here
});
或者在css中添加一个.C
类在您的问题中,没有为类B和类C定义规则。因此您没有感觉到。但是您的代码运行正常
$(.A”)。单击(函数(){
$(“.B”)。切换类别(“C”);
});代码>
.A{显示:块;边框:1px实体;}
.B{
背景色:红色;
颜色:白色;
}
C{
背景色:黑色;
颜色:白色;
}
检查你的卡
您的代码运行正常。仅仅为类“.C”添加css就可以在浏览器中反映它。只需在css中添加以下内容:
.B {color:000;font-size:12px;}
.C {color:red; font-size:20px;}
下面是工作示例
-将脚本添加到dom就绪处理程序中,例如,当您没有css类C
可以显示一些差异时,尝试如何知道它不起作用?还要查看浏览器控制台中是否有任何错误
$(document).ready(function() {
// Your code here
});
.B {color:000;font-size:12px;}
.C {color:red; font-size:20px;}