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>
    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    操作符的详解
    一切皆对象
    对象导论
    mysql
    bootstrap学习
    素数筛选法
    python的urllib库
    是做应用还是搞算法?
    金山词霸笔试题目笔记
    双十一,更是技术的战争~~
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9263829.html
Copyright © 2011-2022 走看看