手机
当前位置:查字典教程网 >编程开发 >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判断至少有一个checkbox被选中的方法

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

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

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

js实现字符串转日期格式的方法

发现的以前不知道的函数

javascript实现树形菜单的方法

Jquery动态添加输入框的方法

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

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

精品推荐
分类导航