})(window.jQuery); 这与jQuery.attr运用在其他属性上时的情况完全一样,并且所做出的任何更改,都是可以实时反映到元素data属性上的。 利用jQuery.data 方法存取 dataset jQuery从1.4.2版本开始支持$.data()方法来直接访问data属性,同时也不需要写"data-"关键词了,例如,对于上面的例子,可以运行 window.jQuery && ...
<scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><divid="e"data-v="origin"></div><script>varlog=function(msg){console.log(msg);};varprint=function(){ log("jquery.data :"+je.data("v")); log("native dataset :"+ne.dataset["v"]); log("--"); }varj...
window.jQuery&& (function($){ //set $("#food-pkd").data("en","Beijing Stuffed Duck"); console.log( $("#food-pkd").data("en") ); // log: "Beijing Stuffed Duck" })(window.jQuery); console.log( document.getElementById("food-pkd").dataset.en ); // log: "Peking Duck" jQuer...
var gameStatus= jQuery("#item").data('id').game; 1. 你也可以通过.data(key,value)方法直接给"data-*" 属性赋值。一个重要的你要注意的事情是,这些"data-*" 属性应该和它所在的元素有一定的关联,不要把它当成存放任意东西的存储工具。尽管"data-*" 是HTML5才出现的属性,但jquery是通用的,所以,在非...
这个坑,坑了我一早上,后来百度下才知道,原来jquery设置的值是在缓存里。。。 果断查看下jquery的源码,真相都在代码里: 三:正确的使用方式 如果需要修改dom元素上的data必须用js的方式: document.getElementById("div1").dataset.num = "3 四:结论
console.log('someDataAttr' in el.dataset);//true 接下来我们看看jQuery中的data() 作用:在匹配元素上存储任意相关数据 或 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。 语法:.data( key, value ) value为新的数据值,可以是任意的Javascript数据类型,除了undefined。
利用jQuery.data 方法存取 dataset jQuery从1.4.2版本开始支持$.data()方法来直接访问data属性,同时也不需要写"data-"关键词了,例如,对于上面的例子,可以运行 window.jQuery && (function($){ //get var album = $("#music-latch").data("album"); console.log(album); 属性名称不用data-前缀 ...
//原生js是通过DOM对象的dataset来取data-值,取值后属性名格式同data()一样 $('.box').each(function(){ console.log($(this).data()) }) //{username: "zhd1"} //{userName: "zhd2"} //{username: "zhd3"} //{userName: "zhd4"} //{username: "zhd5"} //{username: "zhd6"} //...
dataset属性的值是DOMStringMap的一个实例,名值对的映射。每个data-name形式的属性都有一个对应的属性,只不过该属性名没有data-前缀。 兼容性: 需要注意的是,dataset中大小写的问题。带连字符连接的名称在使用的时候需要命名驼峰化。例如data-my-name对应的是dataset.myName的值。可看以下代码 ...
8. console.log(document.getElementById("b").dataset.hobby);</script> 在这里插入图片描述 可以看到:使用jQuery修改属性只是在内存中的操作,并不会刷新dom。但是通过js中的dataset修改时候,会刷新DOM,这是两者最大的不同。 代码4: view plaincopy to clipboardprint?