jQuery修改li下的样式以及li下的img的src的值的方法
时间:2023-03-07 09:34:26|栏目:jquery|点击: 次
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的ajax jsonp的使用解惑
栏 目:jquery
下一篇:jquery对标签添加只读(readonly)或者禁用(disabled)属性
本文标题:jQuery修改li下的样式以及li下的img的src的值的方法
本文地址:http://www.codeinn.net/misctech/227038.html