jQuery提供了一种方法来解决全局对象污染冲突：noConflict();
一个简单的小例子演示下如何运用及解决这种冲突
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>冲突的案例</title>
<script>
$ = {
show: function (argument) {
console.log("my $");
}
}
</script>
<script src="jquery-1.11.3.min.js"></script>
<script>
var myJQuery = $.noConflict(); // 释放$ ，并重新定义
jQuery(document).ready(function(){
jQuery("div").css("color","red");
// $("div").css("color","red"); //$就不能用了
myJQuery("div").css("font-size","20px"); // 重新定义的myJQuery 也可以使用
// 这样就解决了全局对象冲突的问题
});
$.show("sdf");
</script>
</head>
<body>
<div>
sfadfsdf
</div>
</body>
</html>
网友评论