首页 > 代码库 > JQuery学习一

JQuery学习一

2024-08-02 06:50:52   216人阅读

第一个JQuery程序

 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4     <title>JQuery</title> 5         <script src="http://www.mamicode.com/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="http://www.mamicode.com/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学习一


联系
我们