jQuery修改li下的样式以及li下的img的src的值的方法
2014-11-02 00:00
513 查看
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修改li下的样式,以及修改li下的img的src的值
- Jquery获取和修改img的src值的方法
- Jquery获取和修改img的src值的方法
- Jquery获取和修改img的src值的方法
- Jquery获取和修改img的src值的方法
- Asp.net 更改Alert样式和后台注册Jquery的Ajax异步提交事件[包括处理前操作、处理后操作(注明:此方法只是作为参考,如有需要可自行修改)]
- jquery之修改元素样式(样式相关的更有用的命令,使用hasClass()方法)
- jQuery实现鼠标划过修改样式的方法
- IE jquery修改img的src,不加载问题
- jQuery和js一些标签属性的获取和修改方法以及区别
- jquery实现Li滚动时滚动条自动添加样式的方法
- Jquery修改image的src属性,图片不加载问题的解决方法
- jquery实现Li滚动时滚动条自动添加样式的方法
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- jquery查找ul>li里 img的 alt属性="xxxx"时,img的src的值
- jquery动态添加以及遍历option并获取特定样式名称的option方法
- jQuery实现为LI列表前3行设置样式的方法【2种方法】
- 火狐浏览器下使用jquery修改img的src
- 这两天使用jquery-mobile写手机页面遇到的append样式不生效,以及listview内容显示不完解决方法