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 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
Jul 11 Javascript
jquery focus(fn),blur(fn)方法实例代码
Dec 16 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
Dec 29 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 Javascript
vue 配置多页面应用的示例代码
Oct 22 Javascript
javascript中函数的写法实例代码详解
Oct 28 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 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 cli配置文件问题分析
2015/10/15 PHP
jQuery 解析xml文件
2009/08/09 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
JS选项卡动态替换banner图片路径的方法
2015/05/11 Javascript
js+html5实现canvas绘制椭圆形图案的方法
2016/05/21 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
2016/06/02 Javascript
详解Node.js中的事件机制
2016/09/22 Javascript
react-redux中connect的装饰器用法@connect详解
2018/01/13 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
微信小程序如何获取用户头像和昵称
2019/09/23 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
在Vue项目中,防止页面被缩放和放大示例
2019/10/28 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
2020/07/15 Javascript
vue 组件简介
2020/07/31 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
js实现自定义滚动条的示例
2020/10/27 Javascript
[02:57]DOTA2英雄基础教程 风行者
2014/01/16 DOTA
python利用正则表达式搜索单词示例代码
2017/09/24 Python
Python cookbook(数据结构与算法)从字典中提取子集的方法示例
2018/03/22 Python
在cmder下安装ipython以及环境的搭建
2018/10/19 Python
python远程连接MySQL数据库
2019/04/19 Python
Python基于OpenCV实现人脸检测并保存
2019/07/23 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
python的sys.path模块路径添加方式
2020/03/09 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
三只松鼠官方旗舰店:全网坚果销售第1
2017/11/25 全球购物
车间副主任岗位职责
2013/12/24 职场文书
毕业生自荐信如何写
2014/03/24 职场文书
医院院务公开实施方案
2014/05/03 职场文书
还款承诺书范文
2014/05/20 职场文书
诚信贷款承诺书
2014/05/30 职场文书
宣传普通话标语
2014/06/27 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
2016年春节问候语
2015/11/11 职场文书