JQuery学习一

浏览数：33 / 时间：2015年06月09日

第一个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>