`
koalaxyq
  • 浏览: 89967 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类

Jquery核心(三) Data

阅读更多
jQuery数据

[1] data( name )      Returns: Any
      name :  String 存储的数据的标识。
      说明:  返回data(name, value)设置的名为name的数据。如果一个jQuery集合中有多个元素,则返回第一个元素的值。该方法用于避免循环引用的风险地获取存储的数据。
     
$("button").click(function(e) {
      var value;

      switch ($("button").index(this)) {
        case 0 :
          value = $("div").data("blah");
          break;
        case 1 :
          $("div").data("blah", "hello");
          value = "Stored!";
          break;
        case 2 :
          $("div").data("blah", 86);
          value = "Stored!";
          break;
        case 3 :
          $("div").removeData("blah");
          value = "Removed!";
          break;
      }

      $("span").text("" + value);
    });




[2] data( name, value )      Returns: jQuery
      name :  String 存储的数据的标识。
      value:   Any 存储的数据。 
      说明:  设置数据。
     
 $("div").data("test", { first: 16, last: "pizza!" });
    $("span:first").text($("div").data("test").first);
    $("span:last").text($("div").data("test").last);



[3] removeData( name )       Returns: jQuery
      name :  String 存储的数据的标识。
      说明:  移除数据。
     
 $("div").data("test1", "VALUE-1");
 $("div").removeData("test1");



[4] queue( [name] )        Returns: Array<Function>
      name :  String 队列的标识(默认为fx)。
      说明:  返回第一个匹配元素的队列(为一个函数数组an array of functions)。
     
  $("#show").click(function () {
      var n = $("div").queue("fx");
      $("span").text("Queue length is: " + n.length);
    });
    function runIt() {
      $("div").show("slow");
      $("div").animate({left:'+=200'},2000);
      $("div").slideToggle(1000);
      $("div").slideToggle("fast");
      $("div").animate({left:'-=200'},1500);
      $("div").hide("slow");
      $("div").show(1200);
      $("div").slideUp("normal", runIt);
    }
    runIt();


[5] queue( [name], callback )        Returns: jQuery
      name :  String 存储的数据的标识(默认为fx)。
      callback :  Function 增加到队列的函数。
      说明:  在所有匹配元素的队列尾部添加一个函数并立即执行。
     
 $(document.body).click(function () {
      $("div").show("slow");
      $("div").animate({left:'+=200'},2000);
      $("div").queue(function () {
        $(this).addClass("newcolor");
        $(this).dequeue();
      });
      $("div").animate({left:'-=200'},500);
      $("div").queue(function () {
        $(this).removeClass("newcolor");
        $(this).dequeue();
      });
      $("div").slideUp();
    });


[6] queue( [name], queue )        Returns: jQuery
      name :  String 存储的数据的标识(默认为fx)。
      queue :  Array<Function>替换原队列的队列。
      说明:  用一个新队列替换匹配的元素的队列。


[7] dequeue( [name] )        Returns: jQuery
      name :  String 存储的数据的标识(默认为fx)。
      说明:  将队首函数出队,并执行。




-------------------------------------------------------------------------------------------------------------------------------
分享到:
评论

相关推荐

    jquery_tabledata插件

    1. **jQuery.dataTables.js**:这是核心的DataTables JavaScript文件,提供了表格操作的所有核心功能,如排序、搜索、分页等。 2. **jquery.dataTables.min.js**:这是经过压缩和优化的版本,适用于生产环境,可以...

    jquery的核心包1.4.2

    《jQuery核心包1.4.2详解》 jQuery,作为一款强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。在本文中,我们将深入探讨jQuery的核心包1.4.2,它是jQuery历史上的一个重要...

    jquery和js核心api

    **jQuery和JavaScript核心API概述** 在Web开发领域,jQuery和JavaScript是两个不可或缺的工具,它们极大地简化了HTML文档操作、事件处理、动画效果以及Ajax交互。这个压缩包包含"JavaScript核心参考手册.chm"和...

    jQuery.data() 的实现方式

    `jQuery.data()` 是 jQuery 库中的一个核心方法,它用于在DOM元素上存储和检索数据。这个功能强大的工具使得开发者可以方便地与DOM元素关联任意的JavaScript对象或值,而无需污染HTML属性或使用全局变量。这篇博客...

    jQuery第三章代码

    jQuery核心概念 jQuery的核心在于其简洁的API设计,它通过一个选择器(Selector)来选取HTML元素,然后对选中的元素进行各种操作。jQuery对象是jQuery库的基础,它包含一组DOM元素,提供了统一的操作接口。 ### 2...

    JQuery核心源码_全套1.5_2.0.2

    《jQuery核心源码详解——从1.5到2.0.2的演进之路》 jQuery,这个被誉为“JavaScript库的王者”,自2006年发布以来,因其简洁易用的API和强大的功能,迅速成为了前端开发者的首选工具。本资源包含从1.5到2.0.2的...

    Jquery 省市区县三级联动代码

    Jquery库文件`jquery.js`是实现这一功能的核心,它是一个强大的JavaScript库,简化了DOM操作、事件处理和Ajax交互等任务。在这里,开发者会利用Jquery提供的API来监听下拉列表的改变事件,当用户选择一个省份时,...

    jQuery第三版教材配套资料之教材程序代码.rar

    《jQuery第三版教材配套资料之教材程序代码》是针对学习jQuery的读者精心准备的一份资源包,包含了丰富的实例代码,旨在帮助读者深入理解和熟练运用jQuery库。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历...

    jquery1.4.2 jquery1.4.2

    一、jQuery核心概念 1. 选择器:jQuery的核心之一是其强大的CSS选择器支持,包括ID选择器 (#id)、类选择器 (.class)、元素选择器 (element) 等,甚至支持组合选择器和伪类,如 $(“div.special”).find(“p:first”...

    jQuery中文API

    jquery中文文档api, jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get([index]...

    jQuery 参考手册 速查表

    jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 each(callback) size() length selector context get([index]) index...

    jquery例子大全 jquery demo

    ### 三、jQuery 事件处理 jQuery 改进了JavaScript的事件处理方式,如 `.on()` 方法用于绑定事件监听器,`.off()` 移除事件监听器,`.trigger()` 触发事件。`.delegate()` 和 `.live()`(在jQuery 1.7后被 `.on()` ...

    jquery-2.1.4.js 、jquery-2.1.4.min.js 【jquery包 js】

    首先,我们来了解下jQuery的核心理念: "Write Less, Do More"。它通过提供易于理解和使用的函数,简化了原本复杂的JavaScript原生代码,让开发者能够快速实现各种功能。例如,用jQuery选择元素要比使用原生...

    jquery-migrate3.4版本

    在jQuery Migrate 3.4.0版本中,我们看到了对旧API和功能的维护,以及对现代浏览器和jQuery核心更新的支持。 1. **jQuery Migrate 的作用**: jQuery Migrate 主要是为了弥补jQuery新版本中移除或改变的功能与旧...

    jquery引用文件——jquery.js

    《jQuery核心原理与应用实践》 jQuery,作为一个广泛使用的JavaScript库,自2006年发布以来,就以其简洁的API和强大的功能深受开发者喜爱。本文将深入探讨jQuery的核心原理,以及如何在实际项目中有效地引用和使用...

    jQuery省市区三级联动插件city-picker.zip

    `jQuery city-picker` 的核心特性: 1. **交互友好**:该插件以下拉面板的形式展示省市区数据,用户可以通过点击或滚动来选择,无需离开当前页面,实现了无刷新操作,降低了用户的认知负担。 2. **视觉清爽**:...

    jQuery

    1. **jQuery核心概念**:jQuery的核心在于它的选择器功能,它允许开发者使用CSS语法来选取HTML元素,极大地提高了代码的可读性和效率。例如,`$("#myDiv")`选取ID为"myDiv"的元素,`$(".myClass")`选取所有类名为...

    Jquery下載,Jquery-3.5.1

    ### jQuery 的核心概念 jQuery 的主要目标是通过提供简洁的 API 来处理 HTML 文档遍历、事件处理、动画效果和 Ajax 请求。以下是一些关键概念: 1. **选择器**: jQuery 提供了类似 CSS 的选择器,用于快速选取页面...

    JavaScript and jQuery for Data Analysis and Visualization.pdf 2016

    - **JavaScript and jQuery for Data Analysis and Visualization**: 这个标题明确指出本书的主题是利用JavaScript及其流行的库jQuery来进行数据分析和可视化工作。JavaScript 是一种广泛使用的编程语言,在前端开发...

    jquery-1.12.4-jquery.min.js.zip

    jQuery 1.12.4.min.js的核心特性包括: 1. **DOM操作**:jQuery 提供了一套丰富的选择器,可以方便地选取DOM元素,如$("#id")用于选取ID为id的元素,$(".class")用于选取所有class为class的元素。此外,它还提供了...

Global site tag (gtag.js) - Google Analytics