当引入多个js库，解决jquery冲突

作为一个网站开发人员来说，架构在网站中尤为重要，但在做一些网站中经常会遇到一些js冲突，css冲突等问题。

我个人的在做网站架构时通常习惯是用js框架如angluarjs作页面，js库如jquery做通信。这样可以避免少使用js库。

接下来我给大家说一下在引入多个js库时解决jquery冲突

第一种：

var $j = jQuery.noConflict();

$j(document).ready(function(){

$j("#btn1").click(function(){

alert("Text: " + $j("#test").text());

});

第二种：

ready函数是jquery的入口函数，可以

将$(document).ready(function(){

替换成

jQuery( document ).ready(function( $){}

第三种：

jQuery(function($){

//你的js代码放在这里（例如第二个方案提到的ready函数和子函数）

//如果是js文件，其实就是在文件头部和尾部各加一行代码

}

或

(function($) {

//你的js代码

})(jQuery);