通过本文主要向大家介绍了li,img,src等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
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();
}
})
您可能想查找下面的文章:
- jQuery接受后台传递的List的实例详解
- Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
- jQuery Validate格式验证功能实例代码（包括重名验证）
- jquery.validate.js 多个相同name的处理方式
- jQuery开源组件BootstrapValidator使用详解
- jquery.validate表单验证插件使用详解
- validationEngine 表单验证插件使用实例代码
- jQuery Validate表单验证插件实现代码
- Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
- jQuery实现动态删除LI的方法