JS 中使⽤data-开头的属性及data ()⽅法实现⾃定义属性data-toggle 这种以 data- 开头的格式放在元素上表⽰元素携带的数据,如:
JQuery 的 data() ⽅法可以直接操作,如:
⽤这种 $("[data-bigimg]") 的⽅式可以选择所有具有 data-bigimg 这个属性的元素。
也可以直接通过$("#img").attr("data-bigimg"); 来获取和设置
⽹站中经常会看到以data-开头的属性定义,虽然W3C 不认定,但最新HTML5规定data-是合理的,在HTML5中,任何以data-开始的都是⾃定义属性,通常它⽤来实现⼀些HTML ⾥没有明确定义的元素,把⽤户⾃定义的属性应⽤到代码中
Data Api 是⼀个能在DOM 对象中存储数据的新物种,⽬前很多js 库都利⽤了这个特性,具体实现的功能要看调⽤这块代码的js 库了。如data-toggle,data-options 1
< img id = "img" src = "small.jpg" data-bigimg = "big.jpg" /> 1jquery是什么有什么作用
2
//获取:
var bigImage = $( "#img" ).data( "bigimg" ); //注意,这⾥不⽤加 data-
1
2
//设置:
$( "#img" ).data( "bigimg" , "newBig.jpg" ); //注意,这⾥也不⽤加 data-
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论