zoukankan      html  css  js  c++  java
  • JQuery学习一

    第一个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>
  • 相关阅读:
    HTTP长连接、短连接使用及测试
    递归分治算法之二维数组二分查找(Java版本)
    Java二维数组的概念和使用方法
    java二维数组遍历
    HashMap多线程并发问题分析
    Linux 移动或重命名文件/目录-mv 的10个实用例子
    CSS fixed 定位元素失效的问题
    关于 JavaScript 中的继承
    React 虚拟 DOM 的差异检测机制
    下拉框中选项的快速定位
  • 原文地址:https://www.cnblogs.com/sytu/p/4099236.html
Copyright © 2011-2022 走看看