手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery修改li下的样式以及li下的img的src的值的方法
jQuery修改li下的样式以及li下的img的src的值的方法
摘要:jQuery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看$(".testli").cl...

jQuery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看

$(".test li").click(function() { $(".test li a").removeClass("test01"); $(".test li a").addClass("test02"); $("a", this).removeClass("test02");//当前li中的a标签 $("a", this).addClass("test01"); var title_index = $(this).index();//当前li的index //li中所有的img var allImg = $(".test li img"); for ( var i = 0; i < allImg.size(); i++) { if (i % 2 == 0) { $(allImg[i]).attr("src", "images/b04.gif");//改变img的src } else { $(allImg[i]).attr("src", "images/b05.gif"); } } //当前li中的img var imgs = $("img", this); for ( var i = 0; i < imgs.size(); i++) { if (i == 0) { $(imgs[i]).attr("src", "images/b01.gif"); } else { $(imgs[i]).attr("src", "images/b02.gif"); } } if (title_index == 0) { $("#a).hide(); $("#b").show(); } else { $("#b").hide(); $("#a").show(); } })

【jQuery修改li下的样式以及li下的img的src的值的方法】相关文章:

jQuery实现不断闪烁文字的方法

javascript实现设置、获取和删除Cookie的方法

jQuery实现延迟跳转的方法

jQuery实现页面内锚点平滑跳转特效的方法总结

JQuery中DOM实现事件移除的方法

Javascript动态创建表格及删除行列的方法

JavaScript获得url查询参数的方法

javascript实现动态改变层大小的方法

JQuery中DOM事件绑定用法详解

js实现鼠标划过给div加透明度的方法

精品推荐
分类导航