JS元素操作
本文介绍使用JavaScript进行页面元素状态切换的方法，包括如何通过点击事件为选中的元素添加样式类，并同时移除其他元素上的同类样式。
$(".links a.sys").click(function(){
//$(this).addClass("sys").siblings().removeClass("sys");
$(".links a").removeClass("current");//首先移除全部的current
$(this).addClass("current");//选中的添加current
});
$("document").ready(function(){
$(".menu li").click(function(){
$(".menu li").removeClass("active");//首先移除全部的active
$(this).addClass("active");//选中的添加acrive
});
});
<script type="text/javascript">
$(document).ready(function(){
$(".menu li").click(function(){
$(this).addClass("active").siblings().removeClass("active");
});
});
</script>
//$(this).addClass("sys").siblings().removeClass("sys");
$(".links a").removeClass("current");//首先移除全部的current
$(this).addClass("current");//选中的添加current
});
$("document").ready(function(){
$(".menu li").click(function(){
$(".menu li").removeClass("active");//首先移除全部的active
$(this).addClass("active");//选中的添加acrive
});
});
<script type="text/javascript">
$(document).ready(function(){
$(".menu li").click(function(){
$(this).addClass("active").siblings().removeClass("active");
});
});
</script>
扫一扫
571
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
