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


Posted in Javascript onNovember 02, 2014

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();
} 
})
Javascript 相关文章推荐
window.onbeforeunload方法在IE下无法正常工作的解决办法
Jan 23 Javascript
js中replace的用法总结
Dec 27 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
Mar 28 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
Aug 01 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
Oct 14 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
EasyUI为Numberbox添加blur事件的方法
Mar 05 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 Javascript
jQuery中ajax和post处理json的不同示例对比
Nov 02 #Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 #Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 #Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 #Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 #Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 #Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 #Javascript
You might like
高亮度显示php源代码
2006/10/09 PHP
php实现快速排序法函数代码
2012/08/27 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
javascript 动态生成私有变量访问器
2009/12/06 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
2014/08/15 Javascript
jQuery插件bxSlider实现响应式焦点图
2015/04/12 Javascript
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
jQuery ajax动态生成table功能示例
2017/06/14 jQuery
获取当前按钮或者html的ID名称实例(推荐)
2017/06/23 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
Python WSGI的深入理解
2018/08/01 Python
python找出因数与质因数的方法
2019/07/25 Python
Python流程控制常用工具详解
2020/02/24 Python
win10下opencv-python特定版本手动安装与pip自动安装教程
2020/03/05 Python
如何在Python对Excel进行读取
2020/06/04 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
什么是python的必选参数
2020/06/21 Python
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
毕业求职自荐信格式是什么
2013/11/19 职场文书
大学生学习自我评价
2014/01/13 职场文书
事务机电主管工作职责
2014/02/25 职场文书
聘用意向书范本
2014/04/01 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
勤俭节约演讲稿
2014/05/08 职场文书
活动总结书
2014/05/08 职场文书
校优秀毕业生主要事迹
2014/05/26 职场文书
小学数学教研活动总结
2014/07/01 职场文书
十八大观后感
2015/06/12 职场文书
环境卫生整治简报
2015/07/20 职场文书