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 相关文章推荐
豆瓣网的jquery代码实例
Jun 15 Javascript
JavaScript 调试器简介
Feb 21 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
Oct 21 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
浅谈javascript的Touch事件
Sep 27 Javascript
jQuery弹层插件jquery.fancybox.js用法实例
Jan 22 Javascript
详解Angular.js的$q.defer()服务异步处理
Nov 06 Javascript
JavaScript之map reduce_动力节点Java学院整理
Jun 29 Javascript
微信小程序实现长按删除图片的示例
May 18 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
js实现适配移动端的拖动效果
Jan 13 Javascript
js实现百度淘宝搜索功能
Feb 17 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 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
使用php检测用户当前使用的浏览器是否为IE浏览器
2013/12/03 PHP
对于ThinkPHP框架早期版本的一个SQL注入漏洞详细分析
2014/07/04 PHP
跨浏览器开发经验总结(四) 怎么写入剪贴板
2010/05/13 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
可编辑下拉框的2种实现方式
2014/06/13 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
JS控制按钮10秒钟后可用的方法
2015/12/22 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
vue实现图书管理demo详解
2017/10/17 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
理解Koa2中的async&amp;await的用法
2018/02/05 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
js实现京东秒杀倒计时功能
2019/01/21 Javascript
jQuery实现动态添加和删除input框代码实例
2019/03/29 jQuery
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
解决vue-loader加载不上的问题
2020/10/21 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
2021/01/07 Javascript
python解析html开发库pyquery使用方法
2014/02/07 Python
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
python opencv 图像尺寸变换方法
2018/04/02 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
如何在django中实现分页功能
2020/04/22 Python
浅谈Python中的字符串
2020/06/10 Python
Python进行统计建模
2020/08/10 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
大专毕业生自我鉴定
2013/11/21 职场文书
社区科普工作方案
2014/06/03 职场文书
2015暑期爱心支教策划书
2015/07/14 职场文书
2016年大学迎新工作总结
2015/10/14 职场文书