jQuery修改li下的样式以及li下的img的src的值的方法

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();
}
})
赞 (0)

相关推荐

  • Jquery修改image的src属性,图片不加载问题的解决方法

    1. 当点击某一按钮的时候,把图片域中的图片改变一下 <img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> <span style="cursor:hand" onclick="reflush();return false;">看不清</span> &l

  • Jquery动态改变图片IMG的src地址示例

    复制代码 代码如下: <div id="login_1_3a"> <a onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick='log_1()'> <img onfocus=this.blur() id="img_a" border=0 align=&q

  • Jquery动态更改一张位图的src与Attr的使用

    今天用Jquery想动态更改一张位图的src发现css不好用,查看Jquery文档好像是css是设置样式的属性的,如颜色,字体,背景等,而attr貌似是能操作所有属性,包括Jquery未封装的属性. 复制代码 代码如下: $("#newClassImg").attr("src", "./images/plus3.jpg");//改变图片源 $("#newClass").css("background-color&qu

  • Jquery获取和修改img的src值的方法

    获取: 复制代码 代码如下: $("#imgId")[0].src; 修改: 复制代码 代码如下: $("#imgId").attr('src',path);

  • jquery获取img的src值的简单实例

    简简单单的一句话,如下: <img id="test" src="1.jpg" alt="test" /> 引用的jquery如下: <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></script> <script type=&quo

  • JQUERY设置IFRAME的SRC值的代码

    复制代码 代码如下: $(window.parent.document).find("#Frm_Main").attr("src",url); 使用jquery操作iframe 1 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe

  • jquery 图片截取工具jquery.imagecropper.js

    除了jquery,本插件还引用了UI库,包括ui.draggable.js ImageCropper 演示需要asp.net支持.测试通过 ImageCropper 下载 http://www.jb51.net/jiaoben/25688.html插件用法: 复制代码 代码如下: var imageCropper = $('#imgBackground').imageCropper(); 要注意的是此插件只应用在有src属性的img标签上. 通过插件输出的参数,即可以通过服务器端代码截取图片,比

  • JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

    ////////////////////////////////////////////////////////////////// // options 是请求的选项 // // originalOptions 值作为提供给Ajax方法未经修改的选项,因此,没有ajaxSettings设置中的默认值 // // jqXHR 是请求的jqXHR对象 // ////////////////////////////////////////////////////////////////// $.aj

  • jquery img src 获取实现代码

    请"运行代码"后刷新一次. jquery img src怎么取 $(function(){ alert($(".imglogo").attr("src")); }) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • jquery得到iframe src属性值的方法

    取得iframe src属性的的值: Html代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery</title> <style type="text/css"> </style&

  • jQuery中:image选择器用法实例

    本文实例讲述了jQuery中:image选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为image的<input>元素. 千万不要弄成<img>标签. 语法结构: 复制代码 代码如下: $(":image") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na

随机推荐