Jquery(点击)动态更换背景,折叠展开的

最新推荐文章于 2022-05-26 15:00:53 发布

自在修行

最新推荐文章于 2022-05-26 15:00:53 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：网页制作相关文章标签： jquery float class list div branch

本文链接：https://blog.youkuaiyun.com/zhichao2001/article/details/6095315

网页制作相关专栏收录该内容

58 篇文章

订阅专栏

本文介绍了一个使用jQuery操作DOM的具体案例，展示了如何通过点击父元素来切换背景图片，并控制子元素的显示与隐藏状态，同时实现了元素的高亮效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  $('div.parent').click(function(){   // 获取所谓的父行
  var a=$(this).css("background-image");
    if (a.indexOf("grade_Expand.jpg")>0)
    {$(this).css("background-image","url(/images/grade_Fold.jpg)")}
    else{$(this).css("background-image","url(/images/grade_Expand.jpg)")}
    $(this)
    //.css("background-image","url(/images/grade_Fold.jpg)")
     .toggleClass("selected")   // 添加/删除高亮
     .siblings('#child_'+this.id).toggle(); // 隐藏/显示所谓的子行
  });

html