HTML data-* 自定义属性

【HTML data-* 自定义属性】的更多相关文章

data自定义属性获取方法和设置

<div data-id="id=1"></div> <script> //js原生获取方法 var id = this.getAttribute('data-id'); var id = this.dataset.id //jquery方法获取 var id = $(this).attr('data-di') var id = $(this).data('id') </script>…

关于data自定义属性

新的HTML5标准允许你在普通的元素标签里,嵌入类似data-*的属性,来实现一些简单数据的存取.它的数量不受限制,并且也能由JavaScript动态修改,也支持CSS选择器进行样式设置.这使得data属性特别灵活,也非常强大.有了这样的属性我们能够更加有序直观的进行数据预设或存储.下面介绍Html5 Dataset 存储的实际应用,以及包括jQuery在内的四种存取方式. <span id="music-latch" class="musique" data…

jquery中data()和js中dataset属性的区别

INTRO html的标签属性data-允许用户自定义属性.原生javascript和jquery分别定义了dataset属性和data()方法对标签中的data属性进行操作. 取值: 如我们定义这样两个标签: <h1 data-attrname="balabala"></h1> <h2 data-attrname="[1,2,3,4]"></h2> javascript的访问方式是dataset.attrname.我…

data-*设置自定义属性注意事项一

本人才疏学浅,偶遇一个data自定义属性应当注意的小问题,随笔记下. 1.看下面代码:首先在a标签设置自定义两个属性 <a class="btn" href="javascript:;" data-id='1' data-productSize='2'>按钮</a> 第一个输出为1var id= $('.btn').data('id'); console.log(id);//输出1 第二个输出为undefined var size=$('.b…

Dom新find

1.HTML标签和属性是不区分大小写的,但JS是区分大小写的:所以(1)HTML专有的接口的属性应该以小写字母开头,如果属性名由多个单词构成,第二个及接下来的每个单词的首字母都要大写.(2)有些HTML属性名在JS中是保留字,一般处理是为属性名加前缀‘html’.例如:for变为htmlfor,class变为className. 2.HTML属性值通常是字符串,也可以是布尔值或数值.但任何HTML元素的style属性值是一个CSSStyleDeclaration对象,而不是字符串.(对象的属性之…

前端笔记之JavaScript（七）深入函数&DOM那点事

一.函数补充 1.1 arguments类数组对象 arguments 是一个对应于传递给函数的参数的类数组对象. 在函数中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们. 在其它编程语言中,比如java:如果一个函数被定义过两次,每次参数个数都不同.相当于定义了两个不同的函数,根据参数个数不同,会选择不同的函数执行.一个函数名定义了两个函数,称为“函数重载”(overloaded). 复习一下函数,定义函数时,参数要罗列在圆括号中,这些参数,叫“形参”: funct…