jQuery函数继承 $.extend, $.fn.extend

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test jQuery Extend</title>
    <script src="jquery-1.12.4.min.js"></script>
    <script>
        (function($){
            /*类插件 usage: $.add(1,2) */
            $.extend({
                add: function(a,b){return a+b;},
                minus: function(a,b){return a-b;}
            });
            /*实例插件 usage: $("#name").strlen() */
            $.fn.extend({
                strlen: function () {
                    return $(this).text().length;
                }
            });
        })(jQuery);

        $(function () {
            console.log($.add(1,2));
            console.log($.minus(1,2));
            console.log(‘字符长度‘,$("#name").strlen());
        });
    </script>
</head>
<body>
    <div id="name">abcd123中国</div>
</body>
</html>

时间： 2024-10-06 12:45:21

jQuery函数继承 $.extend, $.fn.extend的相关文章

jQuery.fn.extend() 与 jQuery.extend()

bootstrap form-group和form-control 如何行内布局,如何水平布局. jQuery.fn如何扩展. jQuery插件 $.fn(object)与$.extend(object) jQuery提供了两个方法帮助开发插件 $.extend(object);扩展jQuery类本身: $.fn.extend(object);扩展jQuery对象: 一.$.fn $.fn 等于 $.prototype:这样就好理解了,就好比对String.porotype增加一个函数,然后所有

$.extend 和$.fn.extend的区别

此处要用面向对象的思想进行理解首先这两个方法是jquery为开发插件提供的两个方法可以把jquery看做是一个封装好的类类中肯定有属性和方法比如$(“#btn1”)会生成一个jquery类的实例对象 $.extend(object);他是为jquery 类添加方法可以理解为添加静态方法如 $.extend({ min:function(a,b){ return a<b?a:b; }, Max:function(a,b){ Return a>b?a:b; } }) $.enxten

五.jQuery源码解析之jQuery.extend(),jQuery.fn.extend()

给jQuery做过扩展或者制作过jQuery插件的人这两个方法东西可能不陌生.jQuery.extend([deep],target,object1,,object2...[objectN]) jQuery.fn.extend([deep],target,object1,,object2...[objectN])这两个属性都是用于合并两个或多个对象的属性到target对象.deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn

理解jquery的$.extend()、$.fn和$.fn.extend()

jQuery.fn jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//-. //-- }; 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦. 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. jQuery便是一个封装得非常好的类,比如我们用语句 $("#btn1″) 会生成一个 jQuery类的实例. jQuery.ext

jquery的extend和fn.extend

jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看jQuery代码,就不难发现. jQuery.fn = jQuery.prototype = { init: function( selector, cont

jquery,fn,extend和jquery.extend

1 把jquery看成是一个类,jquery.extend()是扩展这个类的静态方法,也即是扩展的全局函数,扩展的方法只跟这个类本身有关,跟具体的jquery这个类的实例化对象无关. 例如:$.each(); 2 jquery.fn.extend扩展的是jquery原型对象的方法,扩展的方法只有jquery这个类的实例对象才能使用. 例如:$('#aa').eat();

juqery.fn.extend和jquery.extend

jquery.fn == jquery.prototype //true jquery.extend( obj1,obj2 ) 用一个或多个对象来拓展一个对象,返回拓展之后的对象 var aaa = { a:1, b:2 } var bbb = { a:3, b:4, c:5 } $.extend(aaa,bbb); //aaa=bbb={ a:3, b:4, c:5 } 对jquery.fn进行拓展,就是为jquery类添加"成员函数":jquery的实例可以使用这个函数.像$('d

jquery源码笔记（四）： jquery.extend=jquery.fn.extend

extend() 方法, 合并两个或更多对象的属性到第一个对象中,jQuery后续的大部分功能都通过该函数扩展, 当参数只有一个对象时,则将对象的属性添加到jQuery对象中. jquery 中扩展插件的形式: 2种方法 $.extend({ //扩展工具方法 aaa:function(){ alert(10); }, bbb:function(){ alert(20) } }); $.fn.extend({ //扩展jquery实例方法 aaa:function(){ alert("f

jquery.fn.extend与jquery.extend

jQuery为开发插件提拱了两个方法,分别是: JavaScript代码 jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看jQuery代码,就不难发现. JavaScript代码 jQuery.fn = jQuery.prototype = { init