Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/google-app-engine/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript toggleclass不工作?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript toggleclass不工作?

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类将切换

在html中

<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;}