jQuery自定义方法

总结:

* 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>

猜你喜欢

转载自www.cnblogs.com/gygtech/p/8856080.html