JQuery

1.   $("用来查找的字符串"，[可选：作为待查找的 DOM 元素集、文档或 jQuery 对象])

 

eg:

找到所有 p 元素，并且这些元素都必须是 div 元素的子元素。

$("div > p");

$("input:radio", document.forms[0]);



在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。

$("div", xml.responseXML);

 

 

 

2.   $("用于动态创建DOM元素的HTML标记字符串",[可选：创建DOM元素所在的文档])

 

eg:

$("<input>").attr("type", "checkbox");// 在 IE 中无效

$("<input type='checkbox'>"); // 在 IE 中有效

$("<div><p>Hello</p></div>").appendTo("body");


 

3.   jQuery(elements)

将一个或多个DOM元素转化为jQuery对象。

这个函数也可以接收XML文档和Window对象（虽然它们不是DOM元素）作为有效的参数。

 eg:

 $(document.body).css( "background", "black" );






4.   each(function)
对于每个匹配的元素所要执行的函数

eg:

HTML 代码:
<button>Change colors</button>
<span></span> 
<div></div> 
<div></div>
<div></div> 
<div></div>
<div id="stop">Stop here</div> 
<div></div>
<div></div>
<div></div>




jQuery 代码:
$("button").click(function () { 
$("div").each(function (index, domEle) { 
  // domEle == this 
  $(domEle).css("backgroundColor", "yellow");  
  if ($(this).is("#stop")) { 
  $("span").text("Stopped at div index #" + index); 
  return false; 
  } 
});
});


数据缓存

返回元素上储存的相应名字的数据，可以用data(name, value)来设定。

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

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