❶ 点击不同的li,通过js添加或删class="excellent_nav_checked"
jquery
$("li").click(function(){
this.addClass("excellent_nav_checked"); //添加来样自式
this.removeClass("excellent_nav_checked"); //删除样式
})
❷ JS控制li,鼠标点击时class自动加上
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type ="text/javascript">
$(document).ready(function(){
$('li').click(function(){
$(this).addClass('cur');
});
});
</script>
不可能不行,除非你的class写的有问题,或者你没回说清楚你的需求。答
❸ js给循环中的li添加class="active"
1、首先在html中布抄局好两个按钮和一个袭div,如下图所示。
❹ js,jquery实现在div里的UL LI里加入CLASS
提示下:$("ul li:nth-child(3n)") 具体看你自己怎么实现了
❺ js中关于给两层的li标签添加class的问题,求大神解答!
$(function(){
$(".submenu").click(function(){
$(".active").removeClass("active");
$(".active2").removeClass("active2");
$(this).addClass("active");
});
$(".submenu>ul>li").click(function(){
$(".active").removeClass("active");
$(".active2").removeClass("active2");
$(this).parent().parent(".submenu").addClass("active");
$(this).addClass("active2");
});
});
这里要给下级菜单再写一个的css样式
我测试了一下,不知道为什么,用一个样式不得行
这里用的是jquery的版本,如果你要原生js的版本再追问
而且我觉得这里还有一个问题,因为所有的2级菜单初始状态都是隐藏的,所以,只有在点击1级菜单才会展开,这时已经点击了1级菜单,1级菜单就应该有active样式了,这里好像只需要给2级菜单添加个点击事件再加个active样式就可以了。。。不需要再给他的1级菜单添加一次样式
❻ js设置class 页面要自动增加<li>标签 能否用JS生成每个增加的<LI>的CLASS
<ulid="list">
<li></li>
....
</ul>
<script>
varlist=document.getElementById("list")
//获取ul对象
lis=list.getElementsByTagName("li")
//获取ul下的li对象,是数组内集合容
for(vari=0,l=lis.length;i<l;i++){
lis[i].className="yangshi"+(i+1)
}
</script>
❼ jq:求助!!//当鼠标点击li给li赋予一个class,当鼠标点击另一个li的时候把上一个li的class去掉怎么写呀
$(function(){
$("#Tab ul > li").click(function(){
$(this).addClass("current").siblings().removeClass("current");
})
}) //给Li一个点击事件,给当前点击的li一个class然后去掉版同辈li的class,就这么简权单
❽ jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class
思路:点抄击当前li元素后是袭用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。
具体演示如下:
1、HTML结构:设计三个li元素
<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
</ul>
2、css样式:设计一个类selected,表示选中后的效果
<style>
.selected{font-weight:bold; background: #ff99cc; color:#fff;}
</style>
3、jquery代码:
$(function(){
$("#test li").click(function() {
$(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素的样式
$(this).addClass('selected');// 添加当前元素的样式
});
});
4、效果演示:
❾ js或JQ 怎么实现点击a 链接li里加个 class="current"
建议你这样写
<a href="xxx.html" onclick="aa ()">
先给这个li一个id,(none,可以随便写)
<li id="liid" class="none" ><a href="index.asp">首页</a> </li>
<script>
function aa(){
var b=document.getelementbyid("liid");
b.classname="current";
}
</script>
PS:你想要的效果应该是点击莫个链接让这内个li的显示效果不一样,我的代码能容实现你要的效果.
打字不易,如不懂可继续问,往采纳,谢谢!
❿ 求助js大神 实现点击li增加样式 点击另一个同类的li移除这个样式怎么写呢 目前只有点击增加不能移除样式
for(vari=0;i<getEls.length;i++){
getEls[i].onclick=function(){
for(vari=0;i<getEls.length;i++){
getEls[i].className='';
}
this.className="asd1"
}
//当某个元素被点击之后,之前的同类遍历把他们的样式去掉,给内现在的这容个添加样式。