jQuery: 扩展与noConflict

一、扩展jquery：

新建一个javaScript文档myjQuery.js。使用如下代码进行扩展jquery

方式一：
$.myjq1=function(){
   alert("hello myjQuery1");
}
$.fn.myjq2=fcuntion(){
   $(this).text("hello myjQuery2");
}

            然后在页面中调用myjQuery.js，注意要在调用jquery文档之后调用，并且要在调用其他外部js文档之前。

            可以按照如下方式使用扩展的jquery          

<script>
    $(document).ready(function(){
     $.myjq1();//执行该条语句后浏览器会弹出窗口"hello myjQuery1"
     $("div").myjq2();//执行该条语句后，会将div元素的内容修改为 hello myjQuery2
});

二、noconflict()方法

jQuery默认使用"$"作为简写，例如常用$("div")代替jQuery("div")。但也有其他框架使用"$"作为简写符号。如果文档在调用的两种框架都是用相同的简写符号，就会造成冲突，有可能导致脚本停止运行。因此jQuery中引入了noconflict()方法。

noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。

$.noConflict();//释放"$"符号
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery 仍在运行！");
  });
});

当然，也可以创建自己的简写。noConflict() 会返回对 jQuery 的引用。

var jq=$.noConflict();//将"jq"设置为jQuery的简写
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery 仍在运行！");
  });
});