解决jQuery和其他库冲突

<script>
console.log($); // //jquery在其他库之前导入,直接使用jQuery()或
// var $replace = jQuery.noConflict();//然后就可以用
// // jQuery.noConflict();
// console.log($);
// console.log($replace); // jquery在其他库之后导入,同样可以使用上面那种方法
//如果不想使用自定义名称又想继续使用$,可以这么做:
// 1.
jQuery.noConflict();//将全局下的$移交给别的库
jQuery(function($){
// ...在函数内部继续使用$
});
// 2.
jQuery.noConflict();
(function($){
// ...
})(jQuery);//执行匿名函数并传递实参jQuery
</script>

如果是解决jQuery版本冲突问题,可以这样解决

 // <!-- 引入1.6.4版的jq -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
<script> var jq164 = jQuery.noConflict(true); </script>
// <!-- 引入1.4.2版的jq -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script> var jq142 = jQuery.noConflict(true); </script> <script>
(function($){
//此时的$是jQuery-1.6.4
$('#');
})(jq164);
</script> <script>
jq142(function($){
//此时的$是jQuery-1.4.2
$('#');
});
</script>
上一篇:javascript之查找数组中最小/最大的数


下一篇:K8S学习笔记之filebeat采集K8S微服务java堆栈多行日志