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 URL参数判断,确定菜单样式
May 31 Javascript
js和jquery对dom节点的操作(创建/追加)
Apr 21 Javascript
Jquery实现的tab效果可以指定默认显示第几页
Oct 16 Javascript
对js关键字命名的疑问介绍
Apr 25 Javascript
Javascript玩转继承(一)
May 08 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
详谈javascript异步编程
Feb 21 Javascript
实例解析angularjs的filter过滤器
Dec 14 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
Apr 13 Javascript
js如何实现元素曝光上报
Aug 07 Javascript
js实现选项卡效果
Mar 07 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 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中大括号作用介绍
2012/03/22 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
Nginx下配置codeigniter框架方法
2015/04/07 PHP
探寻Javascript执行效率问题
2014/11/12 Javascript
jQuery知识点整理
2015/01/30 Javascript
JavaScript动态插入CSS的方法
2015/12/10 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
php 修改密码实现代码
2017/05/24 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
bootstrap confirmation按钮提示组件使用详解
2017/08/22 Javascript
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
python将文本转换成图片输出的方法
2015/04/28 Python
python3中dict(字典)的使用方法示例
2017/03/22 Python
浅谈scrapy 的基本命令介绍
2017/06/13 Python
Python管理Windows服务小脚本
2018/03/12 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
Python 使用list和tuple+条件判断详解
2019/07/30 Python
基于django传递数据到后端的例子
2019/08/16 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
13个Pandas实用技巧,助你提高开发效率
2020/08/19 Python
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
Data URI scheme详解和使用实例及图片base64编码实现方法
2014/05/08 HTML / CSS
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
测绘工程个人的自我评价
2013/11/10 职场文书
团工委书记自荐书范文
2013/12/17 职场文书
中介公司区域经理岗位职责范本
2014/03/02 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
副总经理岗位职责
2015/02/02 职场文书
教师党员个人总结
2015/02/10 职场文书
酒店辞职书范文
2015/02/26 职场文书