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 相关文章推荐
JavaScript 判断指定字符串是否为有效数字
May 11 Javascript
20个实用的JavaScript技巧分享
Nov 28 Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
Aug 23 Javascript
js获取ip和地区
Mar 10 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
Sep 07 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
angular4强制刷新视图的方法
Oct 09 Javascript
vue项目中引入vue-datepicker插件的详解
May 14 Javascript
基于Proxy的小程序状态管理实现
Jun 14 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 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+XML 制作简单的留言本 图文教程
2009/11/02 PHP
详解YII关联查询
2016/01/10 PHP
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
Vue SSR 组件加载问题
2018/05/02 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
2019/09/02 Javascript
vue滚动插件better-scroll使用详解
2019/10/18 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
Node.js中文件系统fs模块的使用及常用接口
2020/03/06 Javascript
python中实现php的var_dump函数功能
2015/01/21 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
利用Python进行异常值分析实例代码
2017/12/07 Python
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
python+opencv识别图片中的圆形
2020/03/25 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
PyCharm2019安装教程及其使用(图文教程)
2019/09/29 Python
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
Hunkemöller瑞士网上商店:欧洲最大的内衣品牌之一
2018/12/03 全球购物
高中数学教学反思
2014/01/30 职场文书
计算机学生的自我评价分享
2014/02/18 职场文书
献爱心活动总结
2014/05/07 职场文书
2014年班组工作总结
2014/11/20 职场文书
岗位职责范本大全
2015/02/26 职场文书
个人承诺书格式范文
2015/04/29 职场文书
一文带你探究MySQL中的NULL
2021/11/11 MySQL
SQL解决未能删除约束问题drop constraint
2022/05/30 SQL Server