手机
当前位置:查字典教程网 >编程开发 >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的值的方法】相关文章:

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

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

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

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

jQuery仿gmail实现fixed布局的方法

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

Jquery解析json字符串及json数组的方法

JQuery+CSS实现图片上放置按钮的方法

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

jQuery实现仿腾讯微博滑出效果报告每日天气的方法

精品推荐
分类导航