jQuery修改li下的样式以及li下的img的src的值的方法
2023-06-13 09:15:30 时间
jQuery如何修改li下的样式,以及修改li下的img的src的值,下面是具体的实现代码,需要的朋友可以看看
$(".testli").click(function(){ $(".testlia").removeClass("test01"); $(".testlia").addClass("test02"); $("a",this).removeClass("test02");//当前li中的a标签 $("a",this).addClass("test01"); vartitle_index=$(this).index();//当前li的index //li中所有的img varallImg=$(".testliimg"); for(vari=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 varimgs=$("img",this); for(vari=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 400报错
- JQuery 的 Ajax 请求(重点****)
- jQuery width()和height()方法的用法
- 使用jQuery简化Ajax开发Ajax开发入门
- Jquery从头学起第四讲jquery入门教程
- 33个优秀的jQuery图片展示插件分享
- 解决jquery的datepicker的本地化以及Today问题
- 菜鸟蔡之Ajax复习第二篇(JQuery中的load()方法实现Ajax功能)
- jquery如何改变html标签的样式(两种实现方法)
- Jquery事件的连接使用示例
- jquery实现简单的拖拽效果实例兼容所有主流浏览器
- Jquery绑定事件(bind和live的区别介绍)
- jquery中animate动画积累的解决方法
- Jquery动态循环输出表格具体方法
- jQuery中bind,live,delegate与one方法的用法及区别解析
- jquery下拉select控件操作方法分享(jquery操作select)
- jquery检测inputchecked控件是否被选中的方法
- jquery解析xml字符串简单示例
- 通过Jquery的Ajax方法读取将table转换为Json
- jquery数组过滤筛选方法grep()简介
- jQuery简单实现网页选项卡特效
- 使用jQuery的attr方法来修改onclick值
- jQuery修改CSS伪元素属性的方法
- jquery加载图片时以淡入方式显示的方法
- 使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证