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 相关文章推荐
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
js中的json对象详细介绍
Oct 29 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
基于vuejs+webpack的日期选择插件
May 21 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
Angualrjs和bootstrap相结合实现数据表格table
Mar 30 Javascript
Vue学习之路之登录注册实例代码
Jul 06 Javascript
什么时候不能在 Node.js 中使用 Lock Files
Jun 24 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
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中设置多级目录session的问题
2011/08/08 PHP
PHP实现的博客欢迎提示功能(很特别哦)
2014/06/05 PHP
php中substr()函数参数说明及用法实例
2014/11/15 PHP
php两种无限分类方法实例
2015/04/21 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
2007/02/09 Javascript
js限制文本框为整数和货币的函数代码
2010/10/13 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
2013/01/25 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
2014/03/12 Javascript
js键盘事件的keyCode
2014/07/29 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
微信小程序时间轴实现方法示例
2019/01/14 Javascript
package.json中homepage属性的作用详解
2020/03/11 Javascript
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
2015/05/22 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
使用Python抓取豆瓣影评数据的方法
2018/10/17 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
大学本科毕业生求职信范文
2013/12/18 职场文书
电子专业毕业生自我鉴定
2014/01/22 职场文书
社区国庆节活动方案
2014/02/05 职场文书
房产委托公证书样本
2014/04/04 职场文书
2016年元旦寄语
2015/08/17 职场文书
详解JavaScript中Arguments对象用途
2021/08/30 Javascript