Jquery核心(三) Data

[b][size=medium]jQuery数据[/size][/b]

[b][1][color=brown] data( name )[/color][/b] [color=blue]Returns: Any[/color]
[color=green]name [/color]： String 存储的数据的标识。
[color=olive]说明[/color]： 返回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);
    });

[b][2][color=brown] data( name, value )[/color][/b] [color=blue]Returns: jQuery[/color]
[color=green]name [/color]： String 存储的数据的标识。
[color=green]value[/color]： Any 存储的数据。
[color=olive]说明[/color]： 设置数据。

 $("div").data("test", { first: 16, last: "pizza!" });
    $("span:first").text($("div").data("test").first);
    $("span:last").text($("div").data("test").last);

[b][3][color=brown] removeData( name ) [/color][/b] [color=blue]Returns: jQuery[/color]
[color=green]name [/color]： String 存储的数据的标识。
[color=olive]说明[/color]： 移除数据。

 $("div").data("test1", "VALUE-1");
 $("div").removeData("test1");

[b][4][color=brown] queue( [name] ) [/color][/b] [color=blue]Returns: Array<Function>[/color]
[color=green]name [/color]： String 队列的标识(默认为fx)。
[color=olive]说明[/color]： 返回第一个匹配元素的队列（为一个函数数组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();

[b][5][color=brown] queue( [name], callback ) [/color][/b] [color=blue]Returns: jQuery[/color]
[color=green]name [/color]： String 存储的数据的标识(默认为fx)。
[color=green]callback [/color]： Function 增加到队列的函数。
[color=olive]说明[/color]： 在所有匹配元素的队列尾部添加一个函数并立即执行。

 $(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();
    });

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


[b][7][color=brown] dequeue( [name] ) [/color][/b] [color=blue]Returns: jQuery[/color]
[color=green]name [/color]： String 存储的数据的标识(默认为fx)。
[color=olive]说明[/color]： 将队首函数出队，并执行。


-------------------------------------------------------------------------------------------------------------------------------