从上例中我们可以看出,.data()可以获取通过data-*属性存储的值。但是通过.data()修改data-*属性的值不会显示在HTML标记中,我们只是通过.data()在元素存储了一个新值。.removeData()也不能删除通过data-*存储的数据。由于jQuery是一个通用的JS框架,最浏览器兼容性做的非常好,大多数情况,我们应该通过.data()在...
这样的方法也能出色的存取data属性,但是需要注意,jQuery.data对data数据做出的更改,不会反映到HTML元素data属性上。 也就是说,jQuery现在认为#food-pkd元素的data-en为"Beijing Stuffed Duck",但是在HTML元素上,其值还是没有改变,仍为"Peking Duck": window.jQuery && (function($){ //set $("#food-pkd")....
用于创建一个文本对象,()中输入文本内容,即把文本创建为一个对象,然后进行操作 属性: insertBefore() 在节点的子节点列表任意位置插入新的节点(属于jquery操作,此处不作讲解) childNodes 获取当前节点的所有节点 firstChild 获取当前节点的第一个节点 lastChild 获取当前节点的最后一个节点 parentNode 获取当前节点的父...
首先,让我们来看一个简单的HTML代码示例,其中包含了一个div标签,里面有一个自定义的data属性data-id存储了一个id值: <divid="myDiv">这是一个div标签</div> 1. jQuery代码示例 接下来,我们将使用jQuery来获取这个div标签中存储的data-id值。代码如下: // 使用jQuery选择器选中包含data-id属性的div标签varmy...
译者补充:尽管"data-*" 是HTML5才出现的属性,但jquery是通用的,所以,在非HTML5的页面或浏览器里,你仍然可以使用.data(obj)方法来操作"data-*" 数据。 感谢外刊IT评论媒体的翻译整理。 【HTML 5 的自定义 data-* 属性和jquery的data()方法的使用】相关文章 ...
data-*全局属性 是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。 简单的说就是html元素可以通过data-*属性存一些数据,类似于一个map,如果我们想在html的元素上额外的存一些东西是非常方便的。
jQuery获取方法 data()方法 HTML代码<div id="myDiv"data-id="123"data-name="XXX"data-app-id="456"data-my-name="secondname"></div>//获取属性varappid=$("#myDiv").data("id");//123varapp-id=$("#myDiv").data("app-id");//456//属性赋值 $("#myDiv").data("id","666");//...
})(window.jQuery); 这样的方法也能出色的存取data属性,但是需要注意,jQuery.data对data数据做出的更改,不会反映到HTML元素data属性上。 也就是说,jQuery现在认为#food-pkd元素的data-en为"Beijing Stuffed Duck",但是在HTML元素上,其值还是没有改变,仍为"Peking Duck": ...
$.data(_input,'key2');//用javascript对象读取 $input.removeData('key');//用jQuery对象移除 注意:如果发生内存泄露或者DOM被移除,则data将会消失。 2、HTML5之data属性 描述:HTML5给每个元素都添加了data-*属性,这是一个私有的数据存储区域,用户无法看到开发者定义的属性,它不会改变DOM结构、样式以及行为。
可以看到:jQuery获取data-*属性的时候,会自动进行数据类型转换,支持数字、对象和数组等类型。如果我们不想做这种自动类型转换,那么可以使用attr()函数获取原始值。 <divid="one"data-role="page"data-last-value="43"data-hidden="true"data-options='{"name":"John"}'></div><script>var domOne = $("#...