JQuery文档学习-2

data(name)

如果jQuery集合指向多个元素，那将只返回第一个元素的对应数据。

这个函数可以用于在一个元素上存取数据而避免了循环引用的风险。jQuery.data是1.2.3版的新功能。你可以在很多地方使用这个函数，另外jQuery UI里经常使用这个函数。

如果不带任何参数，则会把所有数据作为一个JavaScript对象来返回。

<div></div> 

$("div").data("blah"); // undefined
$("div").data("blah", "hello"); // blah设置为hello
$("div").data("blah"); // hello
$("div").data("blah", 86); // 设置为86
$("div").data("blah"); // 86
$("div").removeData("blah"); //移除blah
$("div").data("blah"); // undefined 

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

------------------------------------------------------------------------------------
queue(name) :返回指向第一个匹配元素的队列(将是一个函数数组)

 <style>
  div { margin:3px; width:40px; height:40px;
        position:absolute; left:0px; top:30px; 
        background:green; display:none; }
  div.newcolor { background:blue; }
  span { color:red; }
  </style>
  <button id="show">Show Length of Queue</button>
  <span></span>
  <div></div>

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

 
queue(name,callback)   在匹配的元素的队列最后添加一个函数

JQuery选择器：

  #id  根据给定的ID匹配一个元素。如果选择器中包含特殊字符，可以用两个斜杠转义。

<span id="foo:bar"></span>  
<span id="foo[bar]"></span>  
<span id="foo.bar"></span>

$("#foo\\:bar");
$("#foo\\[bar\\]");
$("#foo\\.bar");

element    $("name")   <div> <img> <button>。。。