当引入多个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);