JQuery 入門

一、用jQuery，和Dom的效果是同樣的，用jQuery實現跟Dom的效果同樣。尺寸小，Write Less Do More
鏈式編程(一直點)，隱式迭代(對全部的迭代都是同樣的，自動的幫你迭代，你連foreach都不用寫)，屏蔽的瀏覽器的差別，插件豐富。開源，免費。
JavaScript每一個控件的操做方式不統一，不一樣瀏覽器有區別，跨瀏覽器很是麻煩，Prototype,Dojo,ExtJs等封裝庫，jquery最好。

二、$("#div").dialog();當即產生對話框了
$("#playlist input[type=checked]").each(function(item)<item.checked(!item.checked())>)
取id爲playlist的下面的input 哪些input，，是type=checkbox的控件，對於每個的處理時讓他的checked=checked反，在jquery中大量使用匿名函數的風格。

三、不管是調用jquery仍是。。沒法代替javaSript,Jquery是最火的JavaScript庫，Ajax和jquery結合很是方便，並且擴展插件很是多。好比在頁面上拖着一個控件走則
$("#div1").draggble();
$("#div1").draggble().show().hide().fly();

五、ready函數
$(document)//首先將一個Dom轉換爲一個jquery對象
$(document).ready(function()){ alert("提示");}//而後調用ready函數(是一個註冊時間的函數，和普通的dom不同，不須要再元素上標記on**這樣的事件，以匿名函數的方式)
function()){ alert("提示");}是個匿名函數 因此儘可能使用匿名函數的方式，防止跟Dom命名衝突
------------------------------------------------------------------------------------
window.onload=function(){alert("onload1");};//用Dom的onload寫，只能註冊一次
window.onload=function(){alert("onload2");};//這樣寫只顯示第二個，第一個做廢由於js中沒有+=這樣的組合。這說明Dom中一邊寫還要看別人是否是註冊了。jquery沒有這個毛病

六、jquery的ready和Dom的onload區別：onload是全部Dom元素建立完畢、圖片、css等都加載完畢後才被觸發，而ready則是Dom元素建立完畢就被觸發，這樣能夠提升網頁的響應速度，在jquery中也能夠用$(window).load()來實現onload那種事件調用的時機。這五張圖片加載完了纔有特效跟這五張圖片還沒加載完就有特效。
onload只能註冊一次，加載完才顯示效果
ready能夠註冊屢次，加載中能夠顯示效果

七、$(function(){alert("ready3");})//這是ready的簡寫，這個匿名函數觸了
$其實就是個名字很怪的函數。調用$這個函數，將這個匿名函數function註冊爲ready

八、JQuery提供的內置函數
$.map(array,fn)對數組arry中每一個元素調用fn函數逐個進行處理，fn函數將處理返回，最後獲得一個新數組，例子：獲得一個元素值是原數組值兩倍的新數組
var arr={3,5,9};
var arr2=$.map(arr,function(item){return item*2;});//function(item)是當前處理的函數
alert(arr2);//返回一個新的數組
相似於委託，交給函數處理，怎麼處理無論。
$.map不能處理Dictionary風格的數組，下面就是dic風格，最好用each方法

九、$.each(arry,fn)對每一個元素調用fn函數進行處理，沒有返回值
var dict={"tome":20,"jerry":50,"jim":30};
$.each(dict.funcion(key,value){alert(key+"年齡是"+value);})//主要方法
---------------也能夠用普通的數組
var arr={3,5,8};
$.each(arr,functionn(key,value){alert(key+"="+value);})//key就成了它的序號，value就是數組的值
---------$.each(arr,function(){alert(this);})能讀懂這種寫法