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中直接写php代码的方法
Jul 31 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
JavaScript中的return语句简单介绍
Dec 07 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
Nov 21 Javascript
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
简述Vue中容易被忽视的知识点
Dec 09 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 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中文本操作的类
2007/03/17 PHP
PHP仿盗链代码
2012/06/03 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
2016/11/22 PHP
javascript列表框操作函数集合汇总
2013/11/28 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
javascript检查浏览器是否已经启用XX功能
2015/07/10 Javascript
js判断iframe中元素是否存在的实现代码
2016/12/24 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
使用jquery Ajax实现上传附件功能
2018/10/23 jQuery
使用watch在微信小程序中实现全局状态共享
2019/06/03 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
详解JavaScript匿名函数和闭包
2020/07/10 Javascript
Python中endswith()函数的基本使用
2015/04/07 Python
Python中for循环控制语句用法实例
2015/06/02 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
python实现飞机大战游戏(pygame版)
2020/10/26 Python
python中的unittest框架实例详解
2021/02/05 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
印度尼西亚电子产品购物网站:Kliknklik
2018/06/05 全球购物
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
介绍一下grep命令的使用
2012/06/28 面试题
实习生自我鉴定范文
2013/12/05 职场文书
公司出纳岗位职责
2013/12/07 职场文书
家长通知书家长评语
2014/04/17 职场文书
音乐节策划方案
2014/06/09 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
初中地理教学反思
2016/02/19 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python
Python中非常使用的6种基本变量的操作与技巧
2022/03/22 Python
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技