jQuery的Data对象

开发工具与关键技术:Visual Studio 2015
作者:昨夜星辰

一、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数据判断一个回调函数,在通过获取到的回调函数判断需要删除的数据,然后声明回调函数的值,判断需要删除的数据,在使用的声明的回调函数,判断数据的准确性,是否删除成功的判断。

datatable jquery 加载数据 jquery data-_jQuery


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

datatable jquery 加载数据 jquery data-_MVC_02


四、来自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” 的

内使用 容器来改进标签样式
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加载页面。