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>
  • 相关阅读:
    Mysql 从库的备份中恢复一张表
    my.cnf 配置文件参数解释
    利用mvn deploy命令上传包(转)
    IntelliJ IDEA 项目文件旁边都有0%classes,0% lines covered
    idea启动java Maven项目,出现" java: 程序包xxxx不存在"
    org/apache/poi/POIXMLTypeLoader或者java.lang.NoSuchFieldError: RETURN_NULL_AND_BLANK
    elasticsearch,kibana,logstash.下载
    idea显示 RunDashboard ,多个启动项时列表显示
    写for循环快捷生成方式
    Could not transfer artifact xxx from/to xxx解决方案
  • 原文地址:https://www.cnblogs.com/sytu/p/4099236.html
Copyright © 2011-2022 走看看