這篇文章主要為大家介紹了jQuery如何修改li下的樣式，以及修改li下的img的src的值，示例代碼很簡單，一看就會

jQuery如何修改li下的樣式，以及修改li下的img的src的值，下面是具體的實現(xiàn)代碼，需要的朋友可以看看

 

1. $(".test li").click(function() { 
2. $(".test li a").removeClass("test01"); 
3. $(".test li a").addClass("test02"); 
4. $("a", this).removeClass("test02");//當(dāng)前l(fā)i中的a標(biāo)簽 
5. $("a", this).addClass("test01"); 
6. var title_index = $(this).index();//當(dāng)前l(fā)i的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. //當(dāng)前l(fā)i中的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. })