jquery 创建 SVG DOM 的处理方法
2015-05-18 20:17
162 查看
使用的是 createElement 方法 这个是无法生成SVG DOM的
可以使用下方的方法生成
[js] view plaincopy
var svgns = "http://www.w3.org/2000/svg";
$.svg = function $svg(tagName) {
return $(document.createElementNS(svgns, tagName));
};
判断一个dom元素是否是svg dom的方法
[js] view plaincopy
function isSVG(el) {
return el && el.nodeType === 1 && (el instanceof window.SVGElement)
}
上次采用SVG来做按钮来适应动态改变颜色需求,但是需要用JS自动隐藏和显示。发现用jQuery的addClass("hide")方式无法写进去。我猜测是因为SVG不属于HTML常规DOM元素才会无效果,之后我在SVG上包了一个DIV后解决了这个问题。
其实还有一种可以用原生JS去添加class如下。
可以使用下方的方法生成
[js] view plaincopy
var svgns = "http://www.w3.org/2000/svg";
$.svg = function $svg(tagName) {
return $(document.createElementNS(svgns, tagName));
};
判断一个dom元素是否是svg dom的方法
[js] view plaincopy
function isSVG(el) {
return el && el.nodeType === 1 && (el instanceof window.SVGElement)
}
上次采用SVG来做按钮来适应动态改变颜色需求,但是需要用JS自动隐藏和显示。发现用jQuery的addClass("hide")方式无法写进去。我猜测是因为SVG不属于HTML常规DOM元素才会无效果,之后我在SVG上包了一个DIV后解决了这个问题。
其实还有一种可以用原生JS去添加class如下。
document.getElementById("svg").setAttribute("class","hide");
相关文章推荐
- jquery 创建 SVG DOM 的处理方法
- jquery 创建 SVG DOM 的处理方法
- JQuery创建DOM节点的方法
- post 和 get比较、jquery和dom比较、jquery中eq和get使用、jquery常用方法、集合处理功能
- jquery 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)
- [DOM Event Learning] Section 3 jQuery事件处理基础 on(), off()和one()方法使用
- jquery生成ns节点,创建svg元素的方法
- jquery: json树组数据输出到表格Dom树的处理方法
- JQuery创建DOM节点的方法
- jQuery创建DOM的方法
- 日常问题记录--jquery中HTML元素本身固有属性用prop,自定义的DOM属性,在处理时,使用attr方法
- [DOM Event Learning] Section 3 jQuery事件处理基础 on(), off()和one()方法使用
- JS动态创建DOM元素的方法
- 【元素的查找】js和jquery方法查找dom元素
- 在jquery 中创建新标签和属性的方法 手记
- js创建dom节点之最容易被忽略的createDocumentFragment()方法
- 怎样提取jQuery.ready(),DOM加载完毕执行onDOMReady()方法
- jQuery数组处理方法总结
- jQuery 核心函数:jQuery(html,[ownerDocument])动态创建DOM元素
- noConflict() 方法处理jQuery 命名冲突