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>
  • 相关阅读:
    local variable 'xxx' referenced before assignment(犯过同样的错)
    combobox后台查询,前端下拉显示
    查询时,模糊显示结果
    jgrid label时间格式化显示
    解决:dubbo找不到dubbo.xsd报错
    关于jsp页面下,重置选择框的数据的操作!
    关于return返回
    cmd下调用jar
    关于前台查询时,查询条件不同时,garitable域数据展示不同,这里要实现功能要做empty()操作,缓存问题。
    Python3练习题系列(10)——项目骨架构建
  • 原文地址:https://www.cnblogs.com/sytu/p/4099236.html
Copyright © 2011-2022 走看看