jQuery修改li下的样式以及li下的img的src的值的方法

这篇文章主要为大家介绍了jQuery如何修改li下的样式，以及修改li下的img的src的值，示例代码很简单，一看就会

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

 

1. $(".test li").click(function() { 
2. $(".test li a").removeClass("test01"); 
3. $(".test li a").addClass("test02"); 
4. $("a", this).removeClass("test02");//当前li中的a标签 
5. $("a", this).addClass("test01"); 
6. var title_index = $(this).index();//当前li的index 
7. //li中所有的img 
8. var allImg = $(".test li img"); 
9. for ( var i = 0; i < allImg.size(); i++) { 
10. if (i % 2 == 0) { 
11. $(allImg[i]).attr("src", "images/b04.gif");//改变img的src 
12. } else { 
13.  
14. $(allImg[i]).attr("src", "images/b05.gif"); 
15. } 
16. } 
17. //当前li中的img 
18. var imgs = $("img", this); 
19. for ( var i = 0; i < imgs.size(); i++) { 
20. if (i == 0) { 
21. $(imgs[i]).attr("src", "images/b01.gif"); 
22. } else { 
23.  
24. $(imgs[i]).attr("src", "images/b02.gif"); 
25. } 
26.  
27. } 
28. if (title_index == 0) { 
29. $("#a).hide(); 
30. $("#b").show(); 
31. } else { 
32. $("#b").hide(); 
33. $("#a").show(); 
34. }  
35. })