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



你可能感兴趣的:(jquery,网站制作)