老师 希望能解释一下data的用法

来源:3-3 幻灯片的js--分析、调用和基本结构

宝慕林4466778

2020-07-11 08:57:51

$this.data('slider')这是初始化吗?这个和从元素里获取的data有什么不同   因为就算在JS里面添加data也不会影响html

$this.data('slider',slider=new Slider($this),options)

data里面的第二个参数是给第一个参数赋值吗?

$this.data('menu',active)是不是相当于在dom元素里面加上data-menu='active'

写回答

1回答

好帮手慕星星

2020-07-11

同学你好,问题解答如下:

1、data方法如果有一个参数是获取数据;有两个参数是设置数据,第二个参数是给第一个参数赋值。例如

http://img.mukewang.com/climg/5f0936f70988165b05330230.jpg

http://img.mukewang.com/climg/5f0936ff097e39f701990073.jpg

可以看到直接获取是没有数据的,为undefined。设置之后再获取就可以得到数据。

2、jquery中data方法设置的数据不会添加在dom上,结构中看不到,和js中的data属性不一样

http://img.mukewang.com/climg/5f09373109eadb8e03550029.jpg

3、代码解释

http://img.mukewang.com/climg/5f09378d09d6a1c404070050.jpg

http://img.mukewang.com/climg/5f093798096ea32107870142.jpg

如果能够获取到数据就不会执行if判断了。

4、$this.data('menu',active)是相当于在dom元素里面加上data-menu='active',但是dom中并不显示

http://img.mukewang.com/climg/5f09386f09c2c1a105010162.jpg

http://img.mukewang.com/climg/5f09387d09d80e8301360036.jpg

http://img.mukewang.com/climg/5f0938830917e74903090026.jpg

自己再测试理解下,祝学习愉快!

0

0 学习 · 14456 问题

查看课程