Query的开始--全局变量,noconflict和兼容各种js的初始化方法

这个是整个jQuery代码的开始，里面包含了对不同环境的js进行的处理，例如普通环境，Nodejs，和requiredJs的处理方法。

还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解

 完整资源： http://www.gbtags.com/gb/share/5640.htm

jQuery 源码：

 

1. (function(global, factory ){
2. // 平时的时候module是undefined，
3. if(typeofmodule==="object"&&typeofmodule.exports ==="object"){
4. // For CommonJS and CommonJS-like environments where a proper window is present,
5. // execute the factory and get jQuery
6. // For environments that do not inherently posses a window with a document
7. // (such as Node.js), expose a jQuery-making factory as module.exports
8. // This accentuates the need for the creation of a real window
9. // e.g. var jQuery = require("jquery")(window);
10. // See ticket #14549 for more info
11. // 如果不是undefined，说明调用了一些特殊的js文件，如Node.js或者requiredJs，
12. // 再用到这些的时候，是需要用module.exports来处理的
13. module.exports =global.document ?
14. factory(global,true):// 如果是requiredJS之类的，那么是不需要把jQuery对象作为全局变量的，所以noGlobal是true
15. function( w ){
16. if(!w.document ){
17. thrownewError("jQuery requires a window with a document");
18. }
19. return factory( w );
20. };
21. }else{
22. // 这个是默认的调用方法
23. factory(global);
24. }
26. // Pass this if window is not defined yet
27. }(typeof window !=="undefined"? window :this,function( window, noGlobal ){
28. var
29. // Map over jQuery in case of overwrite
30. // 获取当前的window.jQuery对象，保存起来，用于noConflict
31. _jQuery = window.jQuery,
33. // Map over the $ in case of overwrite
34. // 获取当前的window.$对象，并保存起来，用于noConflict
35. _$ = window.$;
37. // 获取jQuery对象，并把全局变量还给原本的值
38. // 这样做的一个好处是，如果需要用到两个版本的jQuery，那么就可以通过这个来生成两个版本的jQuery对象、
39. // 或者如果有其他的js插件同样占用了$这个符号，那么就可以通过noConflict来还原。
40. jQuery.noConflict =function( deep ){
41. // 如果用noConflict的话，那么就会让出window.$对象给原本的值
42. if( window.$ === jQuery ){
43. window.$ = _$;
44. }
46. // 如果用deep的话，那么同时也会让出window.jQuery对象给原本的值
47. if( deep && window.jQuery === jQuery ){
48. window.jQuery = _jQuery;
49. }
51. return jQuery;
52. };
54. // Expose jQuery and $ identifiers, even in
55. // AMD (#7102#comment:10, https://github.com/jquery/jquery/pull/557)
56. // and CommonJS for browser emulators (#13566)
57. // 如果noGlobal为null的话(反则为true)，那么就把jQuery设置为全局变量来使用
58. if(typeof noGlobal === strundefined ){
59. window.jQuery = window.$ = jQuery;
60. }
61. }));

 

 

 

粘贴一点w3school的noconflict代码(略作修改)

1. <scripttype="text/javascript"src="jquery.1.10.js"></script>
2. <scripttype="text/javascript"src="jquery.11.js"></script>
4. <scripttype="text/javascript">
5. var jq = $.noConflict();
6. // 在下面使用的$为jquery.1.10的代码
7. // jq和jQuery使用的是1.11的代码
8. </script>

 

 

 

或者另外一种方法

 

 完整资源： http://www.gbtags.com/gb/share/5640.htm