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学习笔记之toArray()
Jun 09 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
js正则表达式匹配数字字母下划线等
Apr 14 Javascript
jQuery实现带分组数据的Table表头排序实例分析
Nov 24 Javascript
Javascript模仿淘宝信用评价实例(附源码)
Nov 26 Javascript
javascript瀑布流式图片懒加载实例解析与优化
Feb 23 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
Javascript 函数的四种调用模式
Nov 05 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
NestJs 静态目录配置详解
Mar 12 Javascript
JavaScript函数IIFE使用详解
Oct 21 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
2.PHP入门
2006/10/09 PHP
PHP 显示客户端IP与服务器IP的代码
2010/10/12 PHP
PHP程序员基本要求和必备技能
2014/05/09 PHP
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
分享php多功能图片处理类
2016/05/15 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
js 巧妙去除数组中的重复项
2010/01/25 Javascript
javascript匿名函数应用示例介绍
2014/03/07 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
js实现常用排序算法
2016/08/09 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
jQuery实现的简单悬浮层功能完整实例
2017/01/23 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
vue3.0 自适应不同分辨率电脑的操作
2021/02/06 Vue.js
Python制作豆瓣图片的爬虫
2017/12/28 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
基于python爬取梨视频实现过程解析
2020/11/09 Python
自我鉴定的范文
2013/10/03 职场文书
自我鉴定思想方面
2013/10/07 职场文书
自动化专业个人求职信范文
2013/11/29 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
2014流动人口计划生育工作总结
2014/12/20 职场文书
中层干部考核评语
2015/01/04 职场文书
法务专员岗位职责
2015/02/14 职场文书
新闻简讯格式及范文
2015/07/22 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
Python 正则模块详情
2021/11/02 Python