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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM