zoukankan      html  css  js  c++  java
  • jquery自定义函数的多种方法

    在jquery中自定义函数你会吗?今天抽时间写了几个,个人感觉还不错,喜欢的朋友可以了解下
     
    复制代码 代码如下:

    //方法定义
    $.windowbox = {
    //定义一个方法aa
    aa: function(){
    alert("aa");
    },


    //定义一个方法bb
    bb: function(){
    alert("bb");
    }
    }
    $.windowbox.aa(); //调用$.windowbox里的aa方法
    复制代码 代码如下:

    // 传参数
    var aa = function(x){
    //弹出对象 x 里的 aa 变量和 bb 变量
    alert(x.aa + " 我成功啦 " + x.bb);
    }
    $.windowbox = aa;

    $.windowbox({
    aa: "哈哈",
    bb: "啦啦"
    });
    复制代码 代码如下:

    方法一:
    jQuery.fn.setApDiv=function () {
    //apDiv浮动层显示位置居中控制
    var wheight=$(window).height();
    var wwidth=$(window).width();
    var apHeight=wheight-$("#apDiv").height();
    var apWidth=wwidth-$("#apDiv").width();
    $("#apDiv").css("top",apHeight/2);
    $("#apDiv").css("left",apWidth/2);
    }


    调用方法:$("#apDiv").setApDiv();

    复制代码 代码如下:

    方法二:
    //jQuery 应用扩展
    jQuery.extend({
    // 设置 apDiv
    setApDiv:function () {
    //apDiv浮动层显示位置居中控制
    var wheight=$(window).height();
    var wwidth=$(window).width();
    var apHeight=wheight-$("#apDiv").height();
    var apWidth=wwidth-$("#apDiv").width();
    $("#apDiv").css("top",apHeight/2);
    $("#apDiv").css("left",apWidth/2);
    }
    });
    调用方法:$.setApDiv();


    总结 一种如$.extend({'aa':function(){}}),这种调用时就是这样$.aa(),另一种如$.fn.extend({'aa':function(){}}),这种调用时就得这样,$(this).aa()

    复制代码 代码如下:


    方法三:

    $.postJSON = function(url, data, callback) {
    $.post(url, data, callback, "json");
    };
    调用方法:$.postJSON('/post/getsecurejsonpost',{}, function(data) {});

    原文:http://www.jb51.net/article/45402.htm

  • 相关阅读:
    强行拉取git分支到覆盖到本地
    提交git报错:rejected non fast forward
    表单验证
    获取ipv6转换ipv4
    使用js获取外网ip
    --打坐篇-学习的一些笔记-03--
    --心法篇-《我和我的Angular》-01-学习笔记--
    --打坐篇-学习的一些笔记-02--
    --打坐篇-学习的一些笔记-01--
    --前端派-练功房-01-关于this指向的一些案例补充--
  • 原文地址:https://www.cnblogs.com/langtianya/p/4895836.html
Copyright © 2011-2022 走看看