JQuery學習一

標籤：style   blog   http   io   color   ar   sp   java   div   

第一個JQuery程式

 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4     <title>JQuery</title> 5         <script src="js/jquery-1.11.1.min.js"type="text/javascript"></script> 6         <script type="text/javascript"> 7             $(document).ready(myready); 8             function myready() 9             {10                 alert("二次載入完畢");11             }//$(window).load(myready);

12         </script>

13 </head>14 <body bgcolor="blue">15 </body>16 </html>

ready()是不同於onload的，ready()中可以加多個註冊事件，onload只能載入一個註冊事件.

onload是網頁所有部分都載入完畢之後才會被觸發。ready()是dom都被載入完畢就會觸發，不會等待圖片等網頁元素被載入完畢。所以ready比onload要早。

如果註冊事件必須依賴於網頁元素全部載入完畢後執行，則可以將window.load轉換成Jquery對象

$(window).load(function(){});

$(讀作dollar)

 

$.map(array,function())對array中的每個元素按照function()中的方法進行處理

例如

var arr={1,2,3};

var arr2=$.map(arr,funtion(item){return item*2;})

alert(arr2);

顯示:2,4,6

 

$.map不能處理dictionary類型的元素

 

$.each處理二元類型的數組(dictionary類型)

var arr={"tom":20,"jerry":30,"dit":40};

$.each(arr,function(key,value){alert(key+"的年齡是"+value);})

var num=[1,2,3];

$.each(num.function(){alert(this);})返回value

 

 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4     <title>JQuery</title> 5         <script src="js/jquery-1.11.1.min.js"type="text/javascript"></script> 6         <script type="text/javascript"> 7             var arr=[1,2,3]; 8  9             var arr2=$.map(arr,function(item){return item*2;});10             alert(arr2);11             var dic = { "tom": 20, "jerry": 30, "dit": 40 };12            13             $.each(dic, function (key, value) { alert(value + "的年齡是" + key); })14             15             var num = [1, 2, 3];16             $.each(num, function (key, value) { alert(key + "=" + value) });17             $.each(num, function () { alert(this);});18         </script>19 </head>20 <body bgcolor="blue">21 </body>22 </html>

 

JQuery學習一