前端开发

 首页 > 前端开发 > jquery教程 > jQuery修改li下的样式以及li下的img的src的值的方法

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

分享到:
【字体:
导读:
          这篇文章主要为大家介绍了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();
} 
})

分享到:
jQuery中ajax和post处理json的不同示例对...
近日在做门户的用户评论时,好长时间没有用jquery了正好用一下,没想到偷工用了post方法去处理ajax回调的json数据,死活取不到,后台就是有json返回了。不料这么小小一个问题挂了我好几个小时,后来我ajax方法处理,居然OK,一比较发现原来post方法回调json必须eval一下,而ajax方法做了默认处理了。 望各位小心。 fun...
jquery处理json对象_jquery_自学php网
在服务器端的php脚本: 复制代码 代码如下:   jquery脚本: 返回到js后的处理: 第一种要用到varl转化的:是字符串的时候就要用eval转化成jquery对象(如下) 复制代码 代码如下: var arr = &#039;{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}&#039;;   //\u71d5\u5b50这个...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……