jQuery自定义方法

Posted gygtech

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于jQuery自定义方法的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段10—— 数组的响应式方法

Visual Studio 自定义代码片段在方法定义的参数列表中不起作用

VSCode 配置 用户自定义代码片段 自定义自动代码补充

Java技术jQuery自定义插件开发实践

VS中添加自定义代码片段——偷懒小技巧

VSCode自定义代码片段——CSS选择器