ned*_*esh 2 html javascript css jquery
我是jQuery的新手,我有一个问题,当我在CSS中使用ID选择器时,我的jQuery代码不起作用.
这是HTML:
<body>
<div id="fm">
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
这是JavaScript代码:
$(function () {
$("#fm").click(function () {
$(this).toggleClass("cm");
});
});
Run Code Online (Sandbox Code Playgroud)
这个CSS没关系,它有效:
body>div{
height:100px;
background-color:blue;
transition:all ease 0.5s;
position:fixed;
top:0;
left:0;
bottom:100px;
right:0;
z-index:1000;
}
Run Code Online (Sandbox Code Playgroud)
但是,如果我#fm在CSS选择器中使用它不起作用.我认为这可能是因为级联行为,但我不知道如何解决它.
这是CSS不起作用:
#fm{
height:100px;
background-color:blue;
transition:all ease 0.5s;
position:fixed;
top:0;
left:0;
bottom:100px;
right:0;
z-index:1000;
border:1px solid black;
}
Run Code Online (Sandbox Code Playgroud)
这是厘米级
.cm {
background-color:red;
height:150px;
}
Run Code Online (Sandbox Code Playgroud)
如果你帮忙我很感激