zoukankan      html  css  js  c++  java
  • ajax之全局函数

    1、全局函数:$.each(array,function(){1,value}),通过$/jQuery直接调用

    对象函数:$("#name").val();

    jQuery UI:$obj.accordion();--->对象函数;(大多数用到是对象函数)

    语法;jQuery.myFunction =function(){}
               $.myFunction=function(){}

    2、通过extend函数去整合全局函数,便于管理

    jQuery.extend({
    myFunction:function(){},
    myFunction1:function(){}
    })

    调用:$.myFunction();
    $.myFunction1();


    3、通过以上方式可以添加多个全局函数,但是代码存在有关命名空间的风险,
    每个人定义的方法不同,整合在一起可能会冲突,所以需要定义一个命名空间
    封装到一个方法中去;myPlugin就是方法名

    jQuery.myPlugin={
    functionOne:function(){},
    functionTwo:function(param){}
    }

    调用:$.myPlugin.functioOne();
    $.myPlugin.functionTwo(param);

    4、练习
    创建一个函数(在自己的命名空间内),完成功能:
    接收一个数组作为参数,将数组和求出来并返回。

    Query.myPlugin={
    functionOne:function(){},
    functionTwo:function(param){}

    sum:function(array){
    var sum =0;
    $.each(array,function(i){
    sum+=array[i];
    });
    return sum;
    }
    }

     

    例子:

    1、全局函数(extend函数)

     //定义一个不含参数的全局函数;jQuery相当于$,
    // 但是定义的时候一般都是用它,调用时才用jQuery
    // jQuery.myFunction1 = function(){
    // console.log("hello world");
    // }
    // //含有参数的全局函数
    // jQuery.myFunction = function(msg){
    // console.log(msg);
    // }
    // extend 方法整合全局函数便于管理
    jQuery.extend({
    myFunction1:function(){
    console.log("hello world");
    },
    myFunction:function(msg){
    console.log(msg);
    }
    });

    $(document).ready(function () {
    $.myFunction1();//调用全局函数
    $.myFunction("这个是我传递的参数,你给我打印出来哦!")
    })
    </script>

    2、全局函数(命名空间)

    3、练习(求和方法多样)

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>命名空间的全局函数</title>
    <script src="js/jquery.min.js"></script>
    </head>
    <script>
    //创建一个函数(在自己的命名空间内),完成功能:
    //接收一个数组作为参数,将数组和求出来并返回。
    var array = [12, 17, 90, 10, 11, 10];
    // jQuery.sum = ({
    // myFunction: function (arr) {
    // console.log(eval(arr.join('+')));
    //
    // });
    // $.sum.myFunction(arr);//调用函数
    //接收一个数组作为参数,将数组和求出来并返回。
    jQuery.myPlugin = {
    sum: function (array) {
    var sum = 0;
    // $.each(array, function (i, value) {
    // sum += value;
    // });
    $.each(array, function (i) {
    sum += array[i];
    });
    return sum;
    }

    }
    console.log($.myPlugin.sum(array));//调用并打印出来
    </script>
    <body>

    </body>
    </html>
    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    基本技能训练之线程
    关于UEditor的使用配置(图片上传配置)
    PAT 乙级练习题1002. 写出这个数 (20)
    codeforces 682C Alyona and the Tree DFS
    codeforces 681D Gifts by the List dfs+构造
    codeforces 678E Another Sith Tournament 概率dp
    codeforces 680E Bear and Square Grid 巧妙暴力
    codeforces 678D Iterated Linear Function 矩阵快速幂
    codeforces 679A Bear and Prime 100 交互
    XTUOJ 1248 TC or CF 搜索
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9263829.html
Copyright © 2011-2022 走看看