jquery核心

1、找到全部 p 元素，而且這些元素都必須是 div 元素的子元素
$("div > p");

2、設置頁面背景色
$(document.body).css("background","black");

3、隱藏一個表單中全部元素
$(myForm.elements).hide();

4、在文檔的第一個表單中，查找全部的單選按鈕(即: type 值爲 radio 的 input 元素)。
$("input:radio", document.forms[0]);

5、當DOM加載完成後，執行其中的函數
$(function){
    //文檔就緒
}

6、對於每一個匹配的元素所要執行的函數，迭代兩個圖像，並設置它們的 src 屬性
$("img").each(function(i){
    this.src="test"+i+".jpg"
        });
//[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]


7、計算文檔中全部圖片數量；
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").size*();
$("img").length;


8、get用法;
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").get(0);   //[ <img src="test1.jpg"/> ]


9、get與reverse結合用法;
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").get().resverse();    //[ <img src="test2.jpg"/> <img src="test1.jpg"/> ]
    
    
10、查找元素的索引值
<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>

$('li').index(document.getElementById('bar')); //1，傳遞一個DOM對象，返回這個對象在原先集合中的索引位置
$('li').index($('#bar')); //1，傳遞一個jQuery對象
$('li').index($('li:gt(0)')); //1，傳遞一組jQuery對象，返回這個對象中第一個元素在原先集合中的索引位置
$('#bar').index('li'); //1，傳遞一個選擇器，返回#bar在全部li中的作引位置
$('#bar').index(); //1，不傳遞參數，返回這個元素在同輩中的索引位置。 


11、在一個div上存取數據
<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!;


12、從元素中刪除以前添加的數據：
$("#btn2").click(function(){
    $("div").removeData("greeting");
    alert("Greeting is: " + $("div").data("greeting"));
});