轻松搞定jQuery.noConflict()

<script src="/UploadFiles/2021-04-02/jquery.min.js">

jQuery在匿名函数内部定义了两个全局对象:jQuery和$，把自己暴露给外部环境。开发者习惯使用的各种公共方法都是通过这两个对象进行访问的，如jQuery.ajax(),jQuery.css()等。在最初，它们指向匿名函数内部的同一个对象jQuery(私有变量)，通过它访问匿名函数内部的私有变量和函数。这使得匿名函数在自执行后其内部的私有变量和函数仍然进驻在内存里，不会被javascript的垃圾回收机制清除。


window.jQuery = window.$ = jQuery;



"htmlcode">

// Map over jQuery in case of overwrite
_jQuery = window.jQuery,

// Map over the $ in case of overwrite
_$ = window.$,

// Otherwise expose jQuery to the global object as usual
window.jQuery = window.$ = jQuery;




jQuery.noConflict()的神奇效果？

"htmlcode">

// "Renaming" jQuery
var jayquery = jQuery.noConflict( true );
// Now we can call things like jayquery.ajax(), jayquery.css(), and so on



我们再来看一个代码片段，测试一下是否真正理解了神奇的noConflict()


<!-- jQuery and $ are undefined -->

<script src="/UploadFiles/2021-04-02/jquery.min.js">

避免第三方库的冲突

"color: #800000">1、直接使用No-Conflict模式

"htmlcode">

<!-- 采用no-conflict模式，jquery.js在prototype.js之后被引入. -->
<script src="/UploadFiles/2021-04-02/prototype.js">

2、使用自执行函数封装

"htmlcode">

<!-- jquery.js在prototype.js之后被引入. -->
<script src="/UploadFiles/2021-04-02/prototype.js">

3、使用标准jQuery(document).ready()函数

"htmlcode">

<!-- jquery.js在prototype.js之前被引入. -->
<script src="/UploadFiles/2021-04-02/jquery.js">

以上就是为大家介绍的jQuery.noConflict()使用方法，希望大家分分钟可以玩转jQuery.noConflict()。

                                
                                

                                    jquery,noConflict() 
                                

                                    标签：
                                        
jquery,noConflict()
                                     

                            
                        
                        

                            

                                免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
                                如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
                            
                        
                        

                            

                                
                                    上一篇
                                    
三分钟带你玩转jQuery.noConflict()
                                
                            
                            

                                
                                    下一篇
                                    
JavaScript的Backbone.js框架的一些使用建议整理
                                
                            
                        
                        
                        

                            

                                
                                
                                    评论“轻松搞定jQuery.noConflict()”
                                
                            
                            

                                

                                    

                                        

                                            

                                                轻松搞定jQuery.noConflict()
                                            
                                            

                                                
                                            
                                            

                                                

                                                

                                                

                                            
                                            

                                        
                                    
                                    

                                    

                                        
暂无“轻松搞定jQuery.noConflict()”评论...