nczl.net
当前位置:首页 >> 怎样在点击li时添加样式,移除兄弟样式? >>

怎样在点击li时添加样式,移除兄弟样式?

.add{ color:#ff0} 1 2 3

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

for (var i=0; i

这个用jQuery实现一般是添加一个类和删除一个类。 首先要有一个写好的class样式类。通过下面这个代码实现: var obj2 = $("div"); // 改变样式的对象obj2.addClass("className"); // 添加样式,className为已经存在一个class名字obj2.removeClas...

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

toggleClass方法可以实现对某一class进行添加、删除操作。 示例: $('#test').toggleClass('className');上面的代码将会依次为id为test的元素添加/删除名为className的class,如果test元素存在className,则删除className,如果不存在则添加clas...

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

$(document).ready(function(){ $("#t tr").click(function(){ $("#t tr td").each(function(){ $(this).html($(this).text()); }); $("td",this).html("" + $(this).text() + ""); }); }); 内容不可移出 内容不可移出 内容不可移出

更多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...

简单的语句:$(".selector").click(function(){ $(this).attr("class","newClass")); 解释:首先给你指定的元素绑定一个click事件,点击就执行增加class,同时清除其他class的操作。attr是jquery一个设置元素属性的方法。通过该方法直接给被点击...

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