`
huangyongxing310
  • 浏览: 498644 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jQuery 数据

阅读更多
jQuery 数据


data() 方法
向被选元素附加数据,或者从被选元素获取数据

从元素返回数据
$(selector).data(name)

向元素附加数据
$(selector).data(name,value)

使用对象向元素附加数据
$(selector).data(object)



removeData() 方法
删除之前通过 data() 方法设置的数据。
$(selector).removeData(name)



queue() 方法
显示或操作在匹配元素上执行的函数队列。

jQueryObject.queue( [ queueName ] [, newQueue ] )
如果没有指定任何参数或只指定了queueName参数,则表示获取指定名称的函数队列。如果指定了newQueue参数,
则表示使用新的队列newQueue设置(替换)当前队列中的所有内容。

将指定的函数添加到指定的队列(末尾)。
jQueryObject.queue( [ queueName ,] callback )

实例:
$('#foo').slideUp();
$('#foo').queue(function() {
  alert('Animation complete.');
  $(this).dequeue();
});
注意,我们应当确保最终调用了 .dequeue(),这样下一个排队的函数才能执行



clearQueue() 方法
序列中未被执行的所有函数都会被从序列中删除
每个元素均可拥有一到多个由 jQuery 添加的函数队列(如:调用元素上的多个动画方法:$('#foo').slideUp().fadeIn();)
队列上的函数时异步调用的。

.clearQueue(queueName)
queueName 可选。字符串值,包含序列的名称。默认是 fx, 标准的效果序列。



dequeue() 方法
终止一个自定义的队列函数。
为匹配元素执行序列中的下一个函数。
就是从序列中删除这个函数,并从序列中取第一个函数,并运行它(因为有删除,所以下一个函数就是第一个了)
如果不调用这个,那么下一个函数就不能调用到

实例:
var FUNC=[
2 function() {$("#block1").animate({left:"+=100"},aniCB);},
3 function() {$("#block2").animate({left:"+=100"},aniCB);},
4 function() {$("#block1").animate({left:"+=100"},aniCB);},
5 function() {$("#block2").animate({left:"+=100"},aniCB);},
6 function() {$("#block1").animate({left:"+=100"},aniCB);},
7 function(){alert("动画结束")}
8 ];
9 var aniCB=function() {
10 $(document).dequeue(“myAnimation”);
11 }
12 $(document).queue(“myAnimation”,FUNC);
13 aniCB();

实例:
$divs.queue("q", [
function( next ){ alert("队列函数1"); $(this).dequeue("q"); } , // 自动移除并调用下一个函数
function( next ){ alert("队列函数2"); $(this).dequeue("q"); } ,
function( next ){ alert("队列函数3"); $(this).dequeue("q"); }
]);



hasData() 方法
检测元素是否拥有与之相关的任何 jQuery 数据。

jQuery.hasData(element)
element 可选。需要检查其数据的 DOM 元素。

jQuery.hasData() 方法检测元素当前是否拥有通过使用 jQuery.data() 设置的任何值。如果没有数据与元素相关
(根本不存在数据对象或者数据对象为空),则该方法返回 false;否则返回 true。



参考原文:http://www.w3school.com.cn/jquery/jquery_ref_data.asp
分享到:
评论

相关推荐

    Jquery数据分页

    本文将深入探讨jQuery数据分页的原理、实现方式及其优势。 ### 1. 分页的基本概念 数据分页是指将大量数据分成若干小部分(页)进行展示,用户可以逐页浏览,而不是一次性显示所有数据。这种方式尤其适用于数据库...

    Jquery数据绑定分页源码

    本文将深入探讨“Jquery数据绑定分页源码”这一主题,这通常涉及到在网页应用中实现数据的动态加载和分页显示。 数据绑定是前端开发中的一个重要概念,它允许开发者将UI元素与数据源进行关联,当数据发生变化时,UI...

    jquery数据统计饼图+表格动态效果现实

    "jQuery数据统计饼图+表格动态效果实现"是利用JavaScript库jQuery来创建交互式的数据展示方式,结合饼图和表格,使得数据分析更加直观、生动。下面我们将详细探讨这个主题的相关知识点。 1. **jQuery**: jQuery是一...

    jQuery数据列表新增或修改删除代码

    一、jQuery数据列表的基础 1. 数据列表的HTML结构:在HTML中,我们通常使用`<ul>`或`<ol>`元素来创建列表,通过`<li>`元素表示列表项。例如: ```html 数据1 数据2 ``` 2. jQuery的选择器与操作:jQuery提供了...

    jQuery数据加载进度条代码.zip

    "jQuery数据加载进度条代码.zip" 文件提供了一种解决方案,利用jQuery库来创建具有四种不同特效的加载进度条。这个压缩包中的代码适用于那些希望在网站上实现动态数据加载提示效果的开发者。 jQuery是一款非常流行...

    jquery数据正在加载插件.zip

    "jquery数据正在加载插件.zip"正是针对这个需求,提供了一种优雅的解决方案。 jQuery的核心理念是简化DOM操作、事件处理和Ajax请求,使其更易于理解和实现。对于数据加载,jQuery提供了`$.ajax()`函数,这是进行...

    Jquery数据加载提示源代码。

    本文将详细探讨"Jquery数据加载提示源代码"这一主题,包括其核心概念、实现方法和实际应用。 首先,数据加载提示在用户界面中扮演着重要的角色,它提供了一种可视化的方式来告知用户后台正在处理数据或执行耗时操作...

    jquery数据列表(需要json.jar)

    标题中的“jquery数据列表(需要json.jar)”指的是在网页前端使用jQuery库来展示数据时,可能涉及到的一个特定场景。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在...

    jquery 数据统计

    在“jquery 数据统计”这个主题中,我们将深入探讨如何利用jQuery进行数据统计分析,并展示曲线图、饼形图和柱状图等可视化效果。 首先,jQuery为前端开发提供了强大的工具,使得数据的获取、处理和展示变得更加...

    jquery-datatables-rails, 用于 Rails的jquery数据表 gem.zip

    jquery-datatables-rails, 用于 Rails的jquery数据表 gem jquery-datatables-rails 这个 gem 为 jQuery DataTables插件提供了方便,以便与 Rails 资产pipleine结合使用。 它提供所有基本的datatable文件,以及一些...

    jQuery数据解析

    在“jQuery数据解析”这个主题中,我们将深入探讨jQuery如何处理和解析三种主流的数据格式:XML(可扩展标记语言)、JSON(JavaScript对象表示法)和DOM(文档对象模型)。 XML是一种结构化数据格式,常用于存储和...

    一个可绑定数据源的jQuery数据表格插件

    本文将介绍如何使用jQuery技术实现一个可绑定数据源的jQuery数据表格插件,即jQuery.DataGrid。该插件旨在为开发者提供一个灵活、功能丰富的表格控件,以便在Web页面上显示和管理数据。 知识点一:jQuery.DataGrid...

    基于Jquery实现的页面数据渲染框架

    **基于jQuery实现的页面数据渲染框架** 在Web开发中,数据渲染是将后端服务器返回的数据动态地展示在用户界面上的关键步骤。jQuery,作为一个轻量级、高性能的JavaScript库,因其简洁的API和强大的DOM操作能力,常...

    jquery+echarts数据大屏展示DEMO(十几个).zip

    "jQuery + ECharts 数据大屏展示DEMO"是解决这一问题的一个实例集合,它结合了jQuery的易用性和ECharts的强大图表库,为用户提供了创建引人入胜的数据大屏的解决方案。下面,我们将深入探讨这两个技术及其在大屏展示...

    codeigniter-datatables, PHP sql server服务器端的jQuery数据表.zip

    codeigniter-datatables, PHP sql server服务器端的jQuery数据表 datatablesPHP sql server服务器端的jQuery数据表这里代码被设计用于在使用Codeigniter时,用于流行的jQuery datatable插件的服务器端部分。...

    jquery数据验证 配置简单 使用简单

    一个配合jquery库使用的数据验证js jquery库在1.4以上即可 只需引用一个js,如没有引用jquery库的需引用 如验证input或textbox中输入的时候email只需: 在input或textbox中加入属性ValidDataForEmail='default'即刻...

    jQuery数据延迟加载插件DataLazyLoad.zip

    数据延迟加载功能的jQuery插件,类似新浪微博的滚动加载,当滚动条滚动到底部的时候,加载数据。使用方法: 加载jquery文件和DataLazyLoad文件。[removed][removed] [removed][removed] 根据选择器调用插件$("....

Global site tag (gtag.js) - Google Analytics