jQuery系列(一)：jQuery防止与其他库发生冲突的方法

在编写使用jQuery的代码时，如果没有适当的预防措施，很可能会与其他JavaScript库发生冲突。绝大多数的冲突都与$有关。比如Prototype库也是使用$。因此如果在编写代码时，如果同时用到了jQuery和Prototype库时，就会产生冲突了。

避免冲突的步骤：

1、在jQuery库代码的最后添加一行noConflict方法调用。noConflict方法使jQuery代码不再依赖$这个别名。

2、修改所有用到jQuery的代码，将$改为jQuery：

$(document).ready(function(){
    //TODO 
});

改成：
jQuery(document).ready(function(){
  //TODO
});

如：

<script type="text/javascript">         
          jQuery(document).ready(function(){
              alert("hello!");
          });
      
  </script>

如果不想用jQuery，可以自定义一个别名：

var $myJQuery = jQuery;

$myJQuery(document).ready(function(){
  　　alert("hello!");
});

 

也可不需要在jQuery库代码的最后添加$.noConflict()方法，直接在写jQuery代码时调用，如：

 <script type="text/javascript">
          $.noConflict();
          $MY = jQuery;
          
          $MY(document).ready(function(){
              alert("hello!");
          });
      
  </script>

都能成功，试试吧！