zcgw.net
当前位置:首页 >> jq ul列表li选中样式 >>

jq ul列表li选中样式

在每一个li标签加点击事件,在事件里面获取当前点击的元素,大概方法如下: $("#nav_ul li").live('click',function(){ //此时就可以对你当前点击的元素即li标签做相应的操作了,比如设置选中li的样式 $(this).css({'stylename':'stylename'}); })

可以用eq()事件来选取对应的li,需要注意的是eq的参数是从0开始的,具体代码如下: $("ul li").eq(1).css({"color":"red"}); //第二个li$("ul li").eq(2).css({"color":"green"}); //第三个li$("ul li").eq(5).css({"color":"blue"}); //第六个li

这样肯定会选中第一个的啦。 $("#nav_ul").delegate("li", "click", function(){ var curLi = $(this); //这个就是当前选中的li });

使用jQuery选择器 $("div#div的id ul li a")//选择的是div下 ul下所有li下的所有a标签$("div#div的id").children("ul:first").children("li:first").find("a");//div下的第一个ul下的第一个li下的a标签//可以用下标$("div#div的id").children("u...

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

需要判断才移除还是全部移除? 全部移除是 $("ul").children("li").remove();

可以用伪类 ul > i:first-child{font-weight:18px;} 所以推荐用JQUERY 或者是 JAVASCRIPT JQUERY是 $('ul li:eq(0)').css('font-weight', '18px'); JAVASCRIPT是 document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].style.f...

1、取出所有的ul 2、遍历ul,取出ul下的第一个li 3、改变li的背景样式 $(function(){ $("ul").each(function(){ //取出ul下的第一个li var li= $(this).children().first(); li.css("background","pink"); });});

你为什么要加mouseout事件呢,加了这个事件,你鼠标一离开那个li,弹出的内容就隐藏了,去掉那个事件

无标题ul li{background: grey;margin-bottom: 1px;list-style: none;}function change(obj){var arr = document.getElementById("ul").getElementsByTagName("li");for (var i = 0; i < arr.length; i++) {var a = arr[i];a.style.background ...

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