jQuery修改li下的样式,以及修改li下的img的src的值
来源:互联网 发布:teamviewer12 mac版本 编辑:程序博客网 时间:2024/05/24 04:17
$(".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();
}
})
$(".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();
}
})
0 0
- jQuery修改li下的样式,以及修改li下的img的src的值
- 修改ul下li下的ul下的li的css样式
- jquery查找ul>li里 img的 alt属性="xxxx"时,img的src的值
- Jquery获取和修改img的src值的方法
- javascript 动态修改Li的值
- Jquery获取和修改img的src值
- JavaScript获取li的数量 修改其样式 删除其中一个li
- li怎么清除li的样式
- <li></li>标签的属性/样式
- 控制ul下 的li
- UL下的LI用正则表达式替换样式
- 实现按上下键控制li的样式移动
- 修改UL和LI间隔的方法
- IE jquery修改img的src,不加载问题
- li里丰富的样式
- 获取ul下li标签里点击的是哪一个li并获取li里a标签的值
- javascript修改IMG标签的SRC
- 得到ul下的li的索引
- java面向对象(四) 匿名对象
- 1.1、Libgdx目标和特性
- html5调用手机摄像头,实现拍照上传功能
- ARM MMU工作原理剖析
- java正则匹配实现字符串2014-9-10 22:34 对应加上n秒后的时间
- jQuery修改li下的样式,以及修改li下的img的src的值
- JAVA设计模式-Singleton
- 见习产品经理的自我修养
- 将ping命令结果输出到文本
- Javascript面向对象编程(三):非构造函数的继承
- 第8周项目3-多分段函数求值(方法1)
- Java加解密艺术之AES对称加密算法
- 作为程序员必须知道的编程语言编年史
- 灵活运用 SQL SERVER FOR XML PATH