jQuery动态移除和添加背景图片实例详解

本文主要介绍了jquery动态移除和添加背景图片的方法,结合实例形式分析了jquery针对页面元素样式及事件响应的动态操作技巧,需要的朋友可以参考下,希望能帮助到大家。

利用jQuery移除和添加图片

1、样式

  .changeImage{     background:url(images/right.png) no-repeat center;  }

登录后复制

2、JS

(1)在改变标签的样式,需要移除之前添加的样式

$("#tab tr").find("td").removeClass("changeImage");

登录后复制

(2)添加样式

$("#tab tr").find("td").addClass("changeImage");

登录后复制

附:完整示例demo:

nbsp;html>jQuery移除和添加图片.changeImage{ background:url(images/arrow1.gif) no-repeat center;}function removeimg(){$("#tab tr").find("td").removeClass("changeImage");}function addimg(){$("#tab tr").find("td").addClass("changeImage");}  

登录后复制  年制造商型号说明价值  1997FordE350″ac abs moon”3000.00  1999Chevy”Venture “”Extended Edition”””””4900.00  1999Chevy”Venture “”Extended Edition Very Large”””””5000.00  1996JeepGrand Cherokee”MUST SELL!  air moon roof loaded”4799.00      

相关推荐:

使用css给未知宽高的元素添加背景图片方法

如何在php文件中添加背景图片

css奇特用法之 IMG添加背景图片配合显示效果惊艳_html/css_WEB-ITnose

以上就是jQuery动态移除和添加背景图片实例详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2789499.html

(0)
上一篇 2025年3月8日 18:43:32
下一篇 2025年3月3日 19:56:48

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery中Chosen实现三级联动功能

    chosen 是一个javascript插件,它能让丑陋的、很长的select选择框变的更好看、更方便,不仅如此,它更扩大了,增长了主动筛选的功能。接下来通过本文给大家分享chosen 三级联动功能,一起看看吧,希望能帮助到大家。 本文介绍…

    编程技术 2025年3月8日
    200
  • jQuery实现点击显示内容下拉效果

    本文主要介绍了jquery基于事件控制实现点击显示内容下拉效果,涉及jquery事件响应及元素属性动态操作相关技巧,需要的朋友可以参考下,希望能帮助到大家。 1、实例代码: nbsp;html PUBLIC “-//W3C//DTD XHT…

    2025年3月8日
    200
  • jQuery模拟下拉框选择对应菜单

    本文主要介绍了jquery模拟下拉框选择对应菜单的内容,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家。 先给大家展示下效果图: 下面一段代码给大家分享基于jquery实现的模拟下拉框选择对应菜单的内容,具体代码如下所示…

    2025年3月8日
    200
  • JQuery中Ajax的操作完整例子分享

    本文主要介绍了jquery中ajax的操作完整例子,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家。  Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,St…

    编程技术 2025年3月8日
    200
  • jQuery设计思想实例分享

    不管什么语言,思想很重要,在深入了解jquery的各个细节之前,需要对jquery的设计思想有一个大致的了解。在遇到问题时, 知道应该使用jquery的哪一个功能,然后迅速从手册中找到具体的用法。本文将详细介绍jquery的设计思想。下面跟…

    编程技术 2025年3月8日
    200
  • JQuery查找子元素find()和遍历集合each的方法实例分享

    本文主要为大家带来一篇jquery查找子元素find()和遍历集合each的方法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望让大家更好掌握find()和遍历集合each的使用方法。 1.HTML代…

    编程技术 2025年3月8日
    200
  • jQuery获取h1-h6标题元素值方法实例

    本文主要介绍了jquery实现获取h1-h6标题元素值的方法,涉及$(“:header”)选择器操作h1-h6元素及事件响应相关技巧,需要的朋友可以参考下,希望能帮助到大家。 1、问题背景: 查找到h1-h6,并遍历…

    2025年3月8日
    200
  • jQuery实现遍历复选框实例详解

    本文主要介绍了jquery实现遍历复选框的方法,结合实例形式分析了jquery针对表单复选框元素的遍历与字符串操作相关技巧,需要的朋友可以参考下,希望能帮助到大家。 1、问题背景: 这里有10个复选框,根据选择的复选框获取其值,并将其值用“…

    2025年3月8日
    200
  • jQuery Validate 相关参数及常用的自定义验证规则实例分享

    本文主要介绍了jquery validate 相关参数及常用的自定义验证规则,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家。 Jquery Validate 相关参数 //定义中文消息var cnmsg = {requ…

    编程技术 2025年3月8日
    200
  • jQuery实现遍历单选框简单方法

    本文主要介绍了jquery简单实现遍历单选框的方法,涉及jquery针对页面表单元素的遍历及事件响应相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。 1、问题背景: 有四个单选框,分别为一年四季,现在需要判断是否选中,如果选中这个单选…

    2025年3月8日
    200

发表回复

登录后才能评论