<head>
<style type="text/css">
div{width:100px;height:100px;}
.red{background:red}
.green{background:green}
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<body>
<div id="div" style="background:Green;cursor:hand;">click</div>
<div class="main red">div class</div>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("#div").click(function(){
var cls = $(".main").attr("class");
if(cls == "main") $(".main").attr("class", "main red");
else $(".main").attr("class", "main");
});
});
</script>
</html>
应该理解对了你的问题：动态添加元素的class名。
直接上代码，有问题追问哈。
本回答被提问者和网友采纳js如何鼠标点击一个div删除另一个div的class中的其中一个类名,再点击...
.main").attr("class", "main red"); else $(".main").attr("class", "main"); }); }); <\/script><\/html>应该理解对了你的问题：动态添加元素的class名。直接上代码，有问题追问哈。
点击div另一个做出反应,在点击一次在做出反应,js
通过document.getElementById只能获取第一个id为给定参数的节点，不会获取多个，所以你还得换个方式获取所有有需要的节点。如果只是点击一次隐藏，再点击一次显示，参考以下代码：for(var x = 0; x < show_divs.length; x++) { if(show_divs[x].style.display == 'none'){ show_divs[x]...
怎样用js实现鼠标悬停一个div,让另一个div用指定的样
使用JavaScript实现鼠标悬停效果，通过`addEventListener`监听事件并操作样式。先利用`document.querySelector`获取目标元素和要改变样式的元素。`addEventListener`用于监听目标元素的鼠标悬停和离开事件，通过`classList`添加或移除指定样式类。在CSS中预先定义样式类`hover-style`，便于JavaScript调用以实现悬停效果。
怎么点击一个div改变另一个div的样式,再点击变回来?
思路，定义一个类on 里面属性是transform:rotete(-45deg);当点击a的时候判断b是否有on这个类 如果有移除 如果没有添加。基本代码如下，仅供参考 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples<\/t...
如何实现JS点击按钮隐藏一部分DIV,在点击按钮出现整个DIV?
){ $("div").css('height','500px'); $(".btn").css('background','red'); });把jq库引入进去，剩下的位置改写id写id，改写class的写class，也可以先定义好两个class，用toggle切换下你不是要点击下面那个箭头的吗
鼠标经过一个div时 , 如何让另一个div以过渡效果高度增加
理论上有实现办法，可以试一下 1.hover时用amimation执行一次css方法@keyframes name。2.css name方法中用transform动画执行你想要效果。3.鼠标离开时用同样的逻辑执行另一个方法将样式再还原回去。
如何用原生js实现点击子级a标签给父级div添加class再点击就移除...
}else{ pDiv.className=" "; } } \/\/还可以用classList，这种方法更流畅 function test2(ele){ var pDiv=ele.parentNode; if(pDiv.classList.contains("tdiv")){ pDiv.classList.remove("tdiv"); }else{ pDiv.classList.add("tdiv"); } } <\/...
js怎么实现在点击一个按钮后打开的另一个页面上点击右键实现是我自定义...
1.页面复zhidao制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。2.在event函数中，定义一个内内容为degreediv字符的字符串变量。3.然后使用jquery的append将已知的div字符串添加到c2div，如下容所示。4.运行页面，现在只看到一个div，如下图所示。5.单击下面的...
js中实现点击一个元素加边框,点击另一个元素去掉前一个元素边框,当前元 ...
使用：.addClass('active').siblings().removeClass('active')；即可 解释：给当前选中的增加边框.addClass('active')给原先选中的取消边框.siblings().removeClass('active')详细如下：<style type="text\/css">.clr:after{clear:both;display:block;overflow:hidden;height:0;content:".";}.clr{...
js点击一个div控制另一个div内容的显示与隐藏同时小图标也要切换状态...
1px solid #ddf}<\/style><div class="menu">显示\/隐藏<i class="fa fa-edit"><\/i><i class="fa fa-chevron-circle-down"><\/i><\/div><div class="detail"> <div>详情1行<\/div> <div>详情2行<\/div> <div>详情3行<\/div><\/div><div class="menu">显示\/隐藏<i class...
