svg元素 标签不支持jquery中addClass()、removeClass()方法

解决方法
$.fn.addSvgClass = function(className) {return this.each(function() {var attr = $(this).attr('class') || "";if (!$(this).hasClass(className)) {$(this).attr('class', $.trim(attr + ' ' + className))}})
};
$.fn.removeSvgClass = function(className) {return this.each(function() {var attr = $(this).attr('class') || "";if ($(this).hasClass(className)) {$(this).attr('class', attr.split(" ").filter(item => { return item != className; }).join(" "))}})
};
实例
$('polygon').addSvgClass("be-selected")

svg元素 标签增加、移除class名相关推荐

  1. SVG常用元素标签列表

    第一次系统化学习svg,整理了一些常用的SVG元素标签(没有整理滤镜相关)仅供参考学习. defs:用于定义所有可能再次引用的图形元素.在defs元素中定义的图形元素不会直接呈现.你可以在你的视口的任 ...

  2. jq获取和设置标签的css样式、jq给标签增加或移除class属性

    1.jQuery获取和设置标签的css样式 jQuery既可以直接获取标签的css样式,也可以设置样式,包括行内.内部.外部样式: 思路:先要选取这个标签,然后再获取或者设置样式: 获取css属性: ...

  3. jquery 移除border_jquery同时删除元素标签的多个属性

    引自jquery官网: .removeAttr( attributeName ) attributeNameAn attribute to remove; as of version 1.7, it ...

  4. 为网站代码块pre标签增加一个复制代码按钮代码

    写文章的时候,作为一名专业的码农,经常会在文章中粘贴一些代码.有的时候代码块比较长,在后期使用中需要复制这段代码就比较麻烦 参考其他比较专业的博客系统,都在代码块上有一个复制代码的按钮.用来快速复制整 ...

  5. svg基础标签以及用法

    SVG动画参数详解 https://blog.csdn.net/weixin_34133829/article/details/91749330https://blog.csdn.net/weixin ...

  6. 获取svg元素的高度和宽度(或其他属性)

    下面给出了基于svg元素的js对象获取属性的方法(jqury对象可以转成js对象获取,主要关注点是svg同时支持以attribute的方式和style的方式来定义高度和宽度,但两种定义方式获取属性的方 ...

  7. xml元素 标签 属性

    菜鸟一只,若有不正之处,还请批评指正. 1.形式: <标记>元素内容</标记> 开始标签和结束标签 加上属性 <标记 属性名="属性值">元素内 ...

  8. html文本显示状态代码中表示什么,HTML文本元素标签

    表示关键字和产品名称 如:查看效果 效果:加粗 查看效果 表示重要的文字 如:查看效果 效果:加粗 查看效果 强制换行 如: 查看 效果 效果:在浏览器显示换行 查看 效果 安全换行,一般只用于英文 ...

  9. HTML - 元素/标签详解

    http://blog.csdn.net/pipisorry/article/details/78928492 HTML头部元素<head> <head> 元素包含了所有的头部 ...

最新文章

  1. jQuery学习笔记(一)
  2. 容器必须设置宽度吗_消防泵必须设置自动巡检柜吗
  3. System.BadImageFormatException”类型的未经处理的异常在 xx.exe 中发生
  4. link函数 matlab,安装Excel link插件,实现Excel与Matlab的互联
  5. Lottery Gym - 102822L
  6. 闭包的示例_用示例解释JavaScript中的闭包
  7. UI设计实用排版法则,优秀可临摹案例,剖析设计实例
  8. 网页怎么调用云服务器资源,如何将网页资源放到云服务器
  9. ie浏览器打不开闪退_点开IE浏览器的时候总是闪退
  10. 彻底拿下QSPI双闪存W25Q256| STM32H750| QSPI 双FLASH |cubeIDE |下载算法(一)
  11. 贾俊平统计学思维导图- 第十四章 指数
  12. java detach_java – Spring JpaRepository – Detach和Attach实体
  13. 替换单词c语言程序,用c语言完成单词替换
  14. 面向对象和面向过程有什么区别
  15. iOS开发~WKWebView白屏适配
  16. tif文件转为shp文件_arcgis中tif转成shp
  17. 发送邮件服务器错误怎么更改,邮件发不出去 服务器错误550怎么解决?
  18. 无障碍设计标准中的对比度
  19. 《Android移动应用基础教程》(Android Studio)(第二版)黑马程序员 课后习题答案
  20. 计算机毕业设计Java阿博图书馆管理系统(源码+系统+mysql数据库+lw文档)

热门文章

  1. linetv_LINE TV官方下载|LINE TV下载 v1.2.1 安卓版_最火手机站
  2. npx mrm lint-staged 报错
  3. vue中缓存当前路由的实现
  4. JUnit测试提示java.lang.Exception: No runnable methods
  5. Boost搜索引擎项目
  6. ImageMagick将多张图片拼接成一张图片_高逼格九宫格图片,2020年朋友圈图片,自己做不求人...
  7. python实战(一)Python爬取猫眼评分排行前100电影及简单数据分析可视化python实战(一)Python爬取猫眼排行前一百电影及简单数据分析可视化
  8. linux系统start x,linux的startx问题
  9. iPhone下mp4视频无法播放和部分手机只有声音没有画面
  10. python xlrd 错误:xlrd.biffh.XLRDError: Unsupported format, or corrupt file: Expected BOF reco