码迷,mamicode.com
首页 > Web开发 > 详细

jQuery自定义方法

时间:2018-04-16 16:13:55      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:class   pre   参数   func   jquer   cli   UNC   charset   title   

总结:

* jQuery中添加自定义或函数方法1,如 $.fn.extend({‘aa‘:function(){}}) 或 jQuery.fn.aa=function(){}, 这种调用时就得这样,$("#**").aa()

* jQuery中添加自定义或函数方法2, 如:       $.myFun4(2, "gmd", "myFun4");

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <input type="button" value="按钮" id="myBtn">
</body>
<script src="../Script/jQuery.js"></script>
<script type="text/javascript">
    /*
    * jQuery中添加自定义或函数方法1,如 $.fn.extend({‘aa‘:function(){}}) 或 jQuery.fn.aa=function(){}, 这种调用时就得这样,$("#**").aa()
    */

    $.fn.myFun1 = function () {
        alert("我的方法1");
    };
    $.fn.extend({
        myFun2: function () {
            alert("我的方法2");
        },
        myFun3: function (id, name) {
            alert("我输入的参数id:" + id + "name:" + name);
        }
    });

    /**
     * jQuery中添加自定义或函数方法2,如 $.myFuncThree(‘/post/getsecurejsonpost‘,{}, function(data) {});
     */
    $.myFun4 = function (id, name, funName) {
        alert("我的方法4name:" + name);
        if (funName) {
            $.myFun5(id);
        }
        else {
            alert("没有回调");
        }
    }
    $.myFun5 = function (id)
    {
        alert("回调内容:" + id);
    }

    $("#myBtn").click(function () {
        $("#myBtn").myFun1();
        $("#myBtn").myFun2();
        $("#myBtn").myFun3(1, "gyg");
        $.myFun4(2, "gmd", "myFun4");
        $.myFun4(3, "gxy");
    });
</script>
</html>

 

jQuery自定义方法

标签:class   pre   参数   func   jquer   cli   UNC   charset   title   

原文地址:https://www.cnblogs.com/gygtech/p/8856080.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!