zgfp.net
当前位置:首页 >> 如何利用JS实现在li中添加或删除ClAss属性 >>

如何利用JS实现在li中添加或删除ClAss属性

可以使用jQuery的attr方法来实现对某一元素的的class的属性的添加或者删除,attr() 方法设置或返回被选元素的属性值.根据该方法不同的参数,其工作方式也有所差异,可以使用removeclass来删除class属性。 工具原料:编辑器、浏览器 1、为li添加c...

加一个click时间吧 用jquery的办法 $(function (){ $('#nky li').click(function (){ //把之前已有的active去掉 $('.active').removeClass('active'); //当前点击的li加上class $(this).addClass("active"); });})

....var list=document.getElementById("list")//获取ul对象lis=list.getElementsByTagName("li")//获取ul下的li对象,是数组集合for(var i=0,l=lis.length;i

可以给li指定一个id, 删除方法传这个id

$(".selector").find("li").addClass("home") 推荐自学网址http://www.runoob.com/jquery/jquery-traversing-descendants.html

思路:点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。 具体演示如下: 1、HTML结构:设计三个li元素 Glen Tane John 2、css样式:设计一个类selected,表示选中...

javascript中className属性可以获取和设置对象的类名,下面进行实例演示:单击li元素,该元素在red类之间切换(即单击一次显示红色,再次单击恢复原来的颜色,如此循环)。 1、HTML结构 GlenTaneJohnRalph2、主要的css类 li{margin:5px;list-sty...

.add{ color:#ff0} 1 2 3 $(document).ready(function() { $("div ul li").click(function(){ $(this).addClass("add").siblings().removeClass("add"); }); });

$(document).ready(function(){ $('ul li').click(function(){ $(this).siblings().removeClass('pageson'); $(this).addClass('pageson'); }) })

更多function doAct(s){ var t = document.getElementById('t'), c = s.className; //有more属性 if(c != null && c.indexOf('more') > -1){ s.className = c.replace('more', ''); t.className = t.className.replace('Large', ''); }else{ s.c...

网站首页 | 网站地图
All rights reserved Powered by www.zgfp.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com