svg元素 标签增加、移除class名
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名相关推荐
- SVG常用元素标签列表
第一次系统化学习svg,整理了一些常用的SVG元素标签(没有整理滤镜相关)仅供参考学习. defs:用于定义所有可能再次引用的图形元素.在defs元素中定义的图形元素不会直接呈现.你可以在你的视口的任 ...
- jq获取和设置标签的css样式、jq给标签增加或移除class属性
1.jQuery获取和设置标签的css样式 jQuery既可以直接获取标签的css样式,也可以设置样式,包括行内.内部.外部样式: 思路:先要选取这个标签,然后再获取或者设置样式: 获取css属性: ...
- jquery 移除border_jquery同时删除元素标签的多个属性
引自jquery官网: .removeAttr( attributeName ) attributeNameAn attribute to remove; as of version 1.7, it ...
- 为网站代码块pre标签增加一个复制代码按钮代码
写文章的时候,作为一名专业的码农,经常会在文章中粘贴一些代码.有的时候代码块比较长,在后期使用中需要复制这段代码就比较麻烦 参考其他比较专业的博客系统,都在代码块上有一个复制代码的按钮.用来快速复制整 ...
- svg基础标签以及用法
SVG动画参数详解 https://blog.csdn.net/weixin_34133829/article/details/91749330https://blog.csdn.net/weixin ...
- 获取svg元素的高度和宽度(或其他属性)
下面给出了基于svg元素的js对象获取属性的方法(jqury对象可以转成js对象获取,主要关注点是svg同时支持以attribute的方式和style的方式来定义高度和宽度,但两种定义方式获取属性的方 ...
- xml元素 标签 属性
菜鸟一只,若有不正之处,还请批评指正. 1.形式: <标记>元素内容</标记> 开始标签和结束标签 加上属性 <标记 属性名="属性值">元素内 ...
- html文本显示状态代码中表示什么,HTML文本元素标签
表示关键字和产品名称 如:查看效果 效果:加粗 查看效果 表示重要的文字 如:查看效果 效果:加粗 查看效果 强制换行 如: 查看 效果 效果:在浏览器显示换行 查看 效果 安全换行,一般只用于英文 ...
- HTML - 元素/标签详解
http://blog.csdn.net/pipisorry/article/details/78928492 HTML头部元素<head> <head> 元素包含了所有的头部 ...
最新文章
- jQuery学习笔记(一)
- 容器必须设置宽度吗_消防泵必须设置自动巡检柜吗
- System.BadImageFormatException”类型的未经处理的异常在 xx.exe 中发生
- link函数 matlab,安装Excel link插件,实现Excel与Matlab的互联
- Lottery Gym - 102822L
- 闭包的示例_用示例解释JavaScript中的闭包
- UI设计实用排版法则,优秀可临摹案例,剖析设计实例
- 网页怎么调用云服务器资源,如何将网页资源放到云服务器
- ie浏览器打不开闪退_点开IE浏览器的时候总是闪退
- 彻底拿下QSPI双闪存W25Q256| STM32H750| QSPI 双FLASH |cubeIDE |下载算法(一)
- 贾俊平统计学思维导图- 第十四章 指数
- java detach_java – Spring JpaRepository – Detach和Attach实体
- 替换单词c语言程序,用c语言完成单词替换
- 面向对象和面向过程有什么区别
- iOS开发~WKWebView白屏适配
- tif文件转为shp文件_arcgis中tif转成shp
- 发送邮件服务器错误怎么更改,邮件发不出去 服务器错误550怎么解决?
- 无障碍设计标准中的对比度
- 《Android移动应用基础教程》(Android Studio)(第二版)黑马程序员 课后习题答案
- 计算机毕业设计Java阿博图书馆管理系统(源码+系统+mysql数据库+lw文档)
热门文章
- linetv_LINE TV官方下载|LINE TV下载 v1.2.1 安卓版_最火手机站
- npx mrm lint-staged 报错
- vue中缓存当前路由的实现
- JUnit测试提示java.lang.Exception: No runnable methods
- Boost搜索引擎项目
- ImageMagick将多张图片拼接成一张图片_高逼格九宫格图片,2020年朋友圈图片,自己做不求人...
- python实战(一)Python爬取猫眼评分排行前100电影及简单数据分析可视化python实战(一)Python爬取猫眼排行前一百电影及简单数据分析可视化
- linux系统start x,linux的startx问题
- iPhone下mp4视频无法播放和部分手机只有声音没有画面
- python xlrd 错误:xlrd.biffh.XLRDError: Unsupported format, or corrupt file: Expected BOF reco