jq---在jq中如何扩充jQuery对象，$.fn.extend与$.extend的区别是什么？

最新推荐文章于 2020-11-27 09:44:31 发布

武东10号

最新推荐文章于 2020-11-27 09:44:31 发布

阅读量424

点赞数

分类专栏： js 文章标签： jquery 插件 extend fn-extend

本文链接：https://blog.csdn.net/Wbiokr/article/details/72775487

版权

js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

jQuery提供了2种方法扩充jq对象，工作中通常用于制作插件。
$.extend:

<body>

    <input type="text" value="btn">

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
     <script type="text/javascript">
         $.extend({
            a:()=>{
                console.log('aaa')
            }
         });

         $('input').on('click',()=>{$.a();});

     </script>
</body>
/点击input结果：'aaa'

$.fn.extend:

<body>

    <input type="text" value="btn">

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
     <script type="text/javascript">
         $.fn.extend({
            c:()=>{
                console.log('ccc')
            }
         })
         $('input').on('click',()=>{$('button').c();});

     </script>
</body>
点击input结果：'ccc';