jQuery自定义方法

最新推荐文章于 2023-02-10 08:42:52 发布

weixin_33866037

最新推荐文章于 2023-02-10 08:42:52 发布

阅读量170

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gygtech/p/8856080.html

版权

总结：

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

转载于:https://www.cnblogs.com/gygtech/p/8856080.html

weixin_33866037

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery自定义方法

总结：* jQuery中添加自定义或函数方法1,如 $.fn.extend({'aa':function(){}}) 或 jQuery.fn.aa=function(){}, 这种调用时就得这样,$("#**").aa()*jQuery中添加自定义或函数方法2, 如:　　 $.myFun4(2, "gmd", "myFun4");<!DOCTYPE html>...
复制链接

扫一扫