jQuery 核心

来源：互联网发布：淘宝银行卡怎么解绑编辑：程序博客网时间：2024/06/04 22:39

jQuery 核心 “3.0.0-pre”

1.插件机制 jQuery.extend(object)与jQuery.fn.extend(object)

jQuery.fn = jQuery.prototype={};jQuery.extend = jQuery.fn.extend = function() {}

区别：
jQuery.extend(object):扩展的是jQuery这个对象本身，相当于对jQuery这个对象里面添加了方法；用法：$.~；
jQuery.fn.extend(object):扩展的是jQuery的原型里面的方法，是对于个体来说。需要实例化对象才能使用；eg:$(“input”).~；

jQuery = function( selector, context ) {        return new jQuery.fn.init( selector, context );    },

小结：如果jQuery是人这个类的话，那么extend就是往这个类里面添加男人、女人、老人、小孩……；而fn.extend就是给特定的人添加唱歌、跳舞；一般添加插件就用(jQuery.fn.extend());

2.多库共存jQuery.noConflict(Boolean),这个方法主要是确保jQery不会与其它的库里的$对象发生冲突；
源码：

var    // Map over jQuery in case of overwrite    _jQuery = window.jQuery,    // Map over the $ in case of overwrite    _$ = window.$;jQuery.noConflict = function( deep ) {    if ( window.$ === jQuery ) {        window.$ = _$;    }    if ( deep && window.jQuery === jQuery ) {        window.jQuery = _jQuery;    }    return jQuery;};if ( !noGlobal ) {    window.jQuery = window.$ = jQuery;}

用法：
1.上面的_jQuery/_$都为undefined；因为在他们下面window.jQuery 和 window.$才被赋的值，声明是在作用域的顶端所以是undefined；
2.noConflict方法返回的是jQuery对象，所以可以你自己定义方法名；eg:var jq = jQuery.noConflict(true);用Boolean值得原因是把方法名的jQuery也去掉；
3.如果只与其它的库同名$,那么就可以直接调用 jQuery.noConflict()方法；从源码中就可以看出，这样就不会进第二个if判断语句；

0 0