【Javascript】【jQuery】jQuery方法扩展

通过方法扩展，可以给jQuery添加额外的方法，从而来开发自己的基于jQuery的插件

            //扩展jQuery对象
            jQuery.extend({
                hello: () => {
                    alert("hello");
                },
                fuck: () => {
                    alert("fuck");
                }
            });

            //测试运行结果：jQuery对象和$对象都拥有了扩展方法
            jQuery.hello();
            $.hello();

            //扩展jQuery结果集对象
            //由于$(...)包装了所有查询到的元素，我们称其为结果集对象，以区分jQuery对象
            jQuery.fn.extend({
                fnHello: () => {
                    alert("fnHello");
                },
                fnFuck: () => {
                    alert("fnFuck");
                }
            });

            //测试运行结果：所有结果集对象都拥有了扩展方法
            jQuery("body").fnHello();
            jQuery().fnHello();
            $().fnHello();

            //测试jQuery对象和结果集对象的扩展方法是否可以互用
            //结果：代码不错，不可互用，两个独立的对象
            jQuery().hello();
            jQuery.fnHello();

下一篇文章，通过一个简单的全选功能，来展示方法扩展的好处