解决Jquery和其他库的冲突:
在使用JQuery开发的时候,这可能会用到其他的javascript库,多库共存时可能会发生冲突,若发生冲突,可以通过以下方案解决。
Demo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Jquery之多库共存问题</title>
<script src="../../js/jquery.min.js"></script>
<script>
$(function(){
/*
随着jquery的流行,其他js库也会用$作为标识符,这样会引起冲突
*/
// function $(selector){
// return document.querySelector(selector);
// }
// console.log($('#content'));
//方式一:如果$符号冲突,就使用JQuery
jQuery.each(); //使用 JQuery对象
//方式二:.让Jquery 释放对$的控制权,由用户自己控制
//自定义$符号的替换名称 $_Jquery -->当做$去使用
var $_Jquery=$.noConflict();
$_Jquery.each();
console.log($_Jquery('#content'));
});
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>