jQuery的Data对象

                                   jQuery的Data对象

开发工具与关键技术：Visual Studio 2015
作者：昨夜星辰
撰写时间：2019年 05月28 日

一、Data对象在元素上存放或读取数据，返回jQuery对象，当参数只有一个key的时候，为读取jQuery对象对应的Dom中存储的key对应的值，值得注意的是，如果浏览器支持Html5,同样可以读取DOM中使用data-{key}=[value]所存储的值，key:存储的数据名称，value:将要存储的任意数据，data（）一个用于设置数据的键值对，当参数为两个时为该jQuery对象对应的DOM中存储key-value键值对的数据，如果jQuery集合指向多个元素，那将在所有元素上设置对应的数据，这个函数不用建立一个新的Expando,就能在一个元素上存放任何格式的数据，二不仅仅是字符串，新增用法，data（obj）可传入key-value形式的数据。
二、上面就是data的对象的数据使用的，首先通过data数据判断一个回调函数，在通过获取到的回调函数判断需要删除的数据，然后声明回调函数的值，判断需要删除的数据，在使用的声明的回调函数，判断数据的准确性，是否删除成功的判断。

三、下面就是一些图表代码中的通过data对象获取数据然后返回页面，data（）方法向被选元素附加数据，或者从被选元素获取数据，通过data对象获取图例数据的数组，通过获取的数组的值传输给页面，然后打印出来的表表内容，通过data对象可以快速的查询需要获取的传输的内容，可以加快开发的运用。

四、来自W3CSchool上的一些data语法属性。
1、按钮：带有 data-role=“button” 的超链接。button 元素、工具栏中的链接以及 input 字段都会自动渲染成按钮样式，不需要添加 data-role=“button”。
Data-corners：ture/flase/规定按钮是否是圆角，data-icon：规定按钮的图表，默认没有图标。
D0ata-iconshadow：ture/flase/规定图标是否有阴影，data-inline：ture/flase/规定按钮是否内联，
2、带有 type=“checkbox” 的成双成对的 label 和 input。它们会被自动渲染程按钮样式，data-role 不
是必需的。如需组合多个复选框，请使用带有 data-role=“controlgroup” 属性和 data-type=“horizontal|vertical” 的容器来规定是否水平或垂直组合复选框。
Data-mimi：规定复选框是小尺寸还是常规尺寸，datatheme/etter(a-z)规定复选框的主题颜色。
3、控件组：带有 data-role=“controlgroup” 的

或 容器。 组合单个类型（基于链接的按钮、单选按钮、复选框、select 元素）的多个按钮样式的 input。对于组合表单复选框和单选按钮，推荐在带有 data-role=“fieldcontain” 的

内使用 容器来改进标签样式
Data-mimi：规定复选框是小尺寸还是常规尺寸，data-type：规定控件组是水平显示还是垂直显示
4、链接：所有的链接，包含那些带有 data-role=“button” 的链接和表单提交按钮
Data-ajax：true | false|规定是否通过 ajax 加载页面来提高用户体验和交互。如果设置为 false，jQuery Mobile 将会执行一个正常的页面请求
Data-position-to: origin | jQuery selector | window/规定弹出框的位置。Origin - 默认。定位弹窗在打开它的链接上。jQuery selector - 定位弹窗在指定元素上。Window -定位弹窗在窗口屏幕的中央。
5、增强：带有 data-enhance=“false” 或 data-ajax=“false” 的容器，注意：data-enhance=“false” 必须与 $.mobile.ignoreContentEnabled=true" 一同使用来阻止 jQuery Mobile 自动渲染页面。当 $.mobile.ignoreContentEnabled 设置为 true 时，data-ajax=“false” 容器内的任何链接或表单元素将会被框架的导航功能忽略。
Data-enhance：true | false/如果设置为 “true”（默认），jQuery Mobile 会自动渲染页面，使其更适合于移动设备。如果设置为 “false”，框架将不会渲染页面
Data-ajax:true/false/规定是否通过ajax加载页面。