在jQuery中使用自定义属性

【在jQuery中使用自定义属性】的更多相关文章

在jQuery中使用自定义属性

在jquery中自定义属性及值默认以下都是在class='acitve'对象中进行自定义属性操作:1,自定义属性格式:data-xxxx2,获取该属性值: $('.active').data('xxxx') 获取属性值:data-xxxx的值3,设置该属性值: $('.active').data('xxxx','love') 设置属性: data-xxxx="love" 如:<div class="active" data-love="you&q…

总结Jquery中获取自定义属性使用.attr()和.data()以及.prop()的区别

一..attr()和.data()的区别: .attr()和.data()本质上属于DOM属性和Jquery对象属性的区别. 看一个例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jquery中.attr和.data的区别</title> </head> <body> <p id="app&quo…

jquery 中一些特殊方法的特殊使用一览表

cnblogs的页面, 一种是管理页面, 是随笔的列表 a full list of essays. 另一种是首页. 要搜索文档的话, 就使用 "首页"的那种方式. 一个jquery的基本常识: 任何一个jquery完整的选择器, 完整的形式, 实际上包含的是两个参数 $("selector", context). context表示jquery搜索匹配的环境, 通俗的说就是搜索的范围(有开始和结尾),可以理解为: $("selector"…

jQuery中使用data()方法读取HTML5自定义属性data-*实例

如果你使用jQuery类库,那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性,方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险主要的方法如下: 复制代码代码如下: .data( key, value ).data( obj ).data( key ).data() 从jQuery 1.4.3起, HTML 5 data- 属性将自动被引用到jQuery的数据对象中.例如HTML: 复制代码代码如下: <div data-role =…

jQuery中prop() , attr() ,css() 的区别

1. HTML属性是指页面标记中放在引号中的值,而DOM属性则是指通过JavaScript能够存取的值. (1)在jQuery中,prop()是操作DOM属性,attr()是操作HTML属性. HTML属性与对应的DOM属性名字有时候不相同,这种情况并不多,比如p元素有一个名为class的HTML属性,而对应的DOM属性则为className. 有时候我们的确需要留意这两种属性的差异.某些DOM属性,例如nodeName. nodeType. selectedIndex和childNodes,…

深入jQuery中的data()

引入 data函数在jQuery中看起来很不起眼, 就像沙滩上一颗平凡的沙子, 但仔细一瞅, 却惊讶的发现data是jQuery中无比重要的一环, 甚至jQuery中各种事件都基于此. data有什么作用? 在我们平时js编码过程中,我们经常会向DOM元素中添加各种自定义属性,这样有一个弊端. 1 假设我们在DOM元素中添加了一个属性,这个属性指向了某个js对象. dom1.ele = jsObj 2 当这个js对象发挥完作用后,我们已经用不到他了.这时候按理说应该把这个js变量清空,释放内…

jQuery中.attr()和.prop()的区别

之前学习jQuery的时候,学习到了两种取得标签的属性值的方法:一种是elemJobj.attr(),另一种是elemJobj.prop().而在学习JS的时候,只有一种方法elemObj.getAttribute().刚开始知道这两个jQuery方法都可以取得元素的属性值的时候,我觉得很奇怪,以为随着jQuery版本更新造成的历史遗留方法,所以花时间查了查attribute和property的区别,发现原来这两个其实是有区别的.其间我主要参考了这两篇文章: JavaScript中的proper…