knrt.net
当前位置:首页 >> jquEry怎么在点击li标签之后添加一个在ClAss,点击... >>

jquEry怎么在点击li标签之后添加一个在ClAss,点击...

思路:点击当前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...

a在同级可这样$('#wrapper-250 a').bind('click', function(){ $(this).addClass('class').siblings().removeClass('class');});不在同级:$('a').bind('click', function(){ $('a').removeClass('class'); $(this).addClass('class');});

复杂了!摆渡下 $(this).show().siblings().fadeOut();

一共三步,具体如下: 1、HTML结构:设计三个li元素、 Glen、Tane

上面的效果涉及jquery的两个方法: next() : 获得匹配元素集合中每个元素紧邻的下一个同胞元素。 after() :在被选元素后插入指定的内容。 综合起来,核心代码为 $(".content li").click(function() { // 点击li元素时 if($(this).next()) // ...

if($("li").hasClass("on")){ alert("li存在类名on")}else{ $(this).addClass("on");}

HTML: 222 222 222 222JQ: $("a").click(function(){ $(this).parent().remove();});这是个简单的例子,你可以参考一下

css 写在CSS文件中比较规范: .cssBg{background:#FF0000} $(document).ready(function(){ $("#each li a").toggle( function() { $(this).parent().addClass("cssBg"); },function() { $(this).parent().removeClass("cssBg"); }); })

tab1 tab2 tab3 $(document).ready(function(){ $("li").click(function(){ $('#tab_content').html($(this).html()); }); }); 已测试 ok

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