手机
当前位置:查字典教程网 >编程开发 >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获取页面元素绝对与相对位置的方法

jQuery判断一个元素是否可见的方法

js实现div层缓慢收缩与展开的方法

JavaScript获得url查询参数的方法

jquery判断至少有一个checkbox被选中的方法

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

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

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

jQuery切换所有复选框选中状态的方法

jQuery实现将页面上HTML标签换成另外标签的方法

精品推荐
分类导航