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中String类的subString()方法和slice()方法
May 24 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
理解Javascript的动态语言特性
Jun 17 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
javascript:void(0)点击登录没反应怎么解决
Nov 13 Javascript
jquery解析XML及获取XML节点名称的实现代码
May 18 Javascript
JavaScript Ajax实现异步通信
Dec 14 Javascript
原生JS实现几个常用DOM操作API实例
Jan 19 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
vue的全局提示框组件实例代码
Feb 26 Javascript
详解React服务端渲染从入门到精通
Mar 28 Javascript
js实现内置计时器
Dec 16 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/01/17 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
微信小程序 密码输入(源码下载)
2017/06/27 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
Vue解析剪切板图片并实现发送功能
2020/02/04 Javascript
[14:00]DOTA2国际邀请赛史上最长大战 赛后专访B神
2013/08/10 DOTA
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
Python strip lstrip rstrip使用方法
2008/09/06 Python
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
python中virtualenvwrapper安装与使用
2018/05/20 Python
让Django支持Sql Server作后端数据库的方法
2018/05/29 Python
在NumPy中创建空数组/矩阵的方法
2018/06/15 Python
详解Python下ftp上传文件linux服务器
2018/06/21 Python
python获取命令行输入参数列表的实例代码
2018/06/23 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
时尚孕妇装:HATCH Collection
2019/09/24 全球购物
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
保安队长职务说明书
2014/02/23 职场文书
青春寄语大全
2014/04/09 职场文书
国庆促销活动总结
2014/08/29 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
签约仪式致辞
2015/07/30 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
军训决心书范文
2015/09/22 职场文书
MySQL高速缓存启动方法及参数详解(query_cache_size)
2021/07/01 MySQL