JQuery如何定义全局插件?

知识共享许可协议 版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative Commons

问题:如何通过jquery自定义插件,来使用?

首先:

          引入jquery基本的包jquery.js

自定义插件的格式:
     $.extend({方法名1:function(){
      },
      方法名2:function(){
      }})

代码演示:

html:

<input id="btn1-check" type="button" value="插件方式--点击选中复选框" onclick="checkFn1()">
    <input id="btn2-uncheck" type="button" value="插件方式--点击取消复选框选中" onclick="uncheckFn2()">

js:

         //自定义:$.fn.extend这里也可以把fn省略
        $.fn.extend({
            check:function(){
                $(":checkbox").prop("checked",true);
            },
            uncheck:function(){
                $(":checkbox").prop("checked",false);
            }
        });

        //引用插件
        function checkFn1() {
            $("#btn1-check").check();
        }
        function uncheckFn2() {
            $("#btn2-uncheck").uncheck();
        }


 

猜你喜欢

转载自blog.csdn.net/longyanchen/article/details/93380068