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

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

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

输入$('ul li').click(function(){// TODO}); 利用jQuery动态获取点击事件: 打开HBuilder开发工具,创建Web项目,并在web项目指定目录下新建静态页面,引入核心js, 插入可以操作的DOM元素,在插入div和ul元素,并给ul属性id, 在ul下方插入一...

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

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

你这样新生成的li不会被绑定的 把这个 $('.div-tt').on('click', function () { alert($(this).html()); });换成这个试试看 $('.ul-list').on('click', '.div-tt' ,function(){ alert($(this).html());});

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

伪代码如下: $('ul').on('click', 'li', function(e){ $('ul li').removeClass('active'); $(e.target).addClass('active');});设置好active的样式即可 代码是示例,按实际情况改写即可

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

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

貌似上次见到这个问题,还是你问的? $("ul li").click(function(){ var index = $("ul li").index($(this)); //你那个错了 $("div[id^='action']").hide(); //让id以action开关的div隐藏 $("#action"+(index+1)).show(); //让#actionX显示 });

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