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 相关文章推荐
对google个性主页的拖拽效果的js的完整注释[转]
Apr 10 Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
Jan 07 Javascript
js读写(删除)Cookie实例详解
Apr 17 Javascript
js循环改变div颜色具体方法
Jun 25 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
JSP防止网页刷新重复提交数据的几种方法
Nov 19 Javascript
js原生之焦点图转换加定时器实例
Dec 12 Javascript
移动端使用localResizeIMG4压缩图片
Apr 22 Javascript
webpack使用 babel-loader 转换 ES6代码示例
Aug 21 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
基于javascript实现日历功能原理及代码实例
May 07 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后台如何避免用户直接进入方法实例
2013/10/15 PHP
CI使用Tank Auth转移数据库导致密码用户错误的解决办法
2014/06/12 PHP
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
JavaScript 入门·JavaScript 具有全范围的运算符
2007/10/01 Javascript
jquery 框架使用教程 AJAX篇
2009/10/11 Javascript
JavaScript中实现块作用域的方法
2010/04/01 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
nodejs爬虫抓取数据之编码问题
2015/07/03 NodeJs
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
Bootstrap 模态框(Modal)带参数传值实例
2017/08/20 Javascript
Vue中的组件及路由使用实例代码详解
2019/05/22 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
Python实现文件复制删除
2016/04/19 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
python读取csv和txt数据转换成向量的实例
2019/02/12 Python
Python 中list ,set,dict的大规模查找效率对比详解
2019/10/11 Python
Python3实现发送邮件和发送短信验证码功能
2020/01/07 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
Kingsoft金山公司C/C++笔试题
2016/05/10 面试题
优秀团干部个人事迹
2014/05/29 职场文书
售后服务承诺函格式
2015/01/21 职场文书
电影圆明园观后感
2015/06/03 职场文书
赢在执行观后感
2015/06/16 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
Python获取指定日期是"星期几"的6种方法
2022/03/13 Python
springboot用户数据修改的详细实现
2022/04/06 Java/Android