用noConflict
许多 JavaScript 库使用 $ 作为函数或变量名,jQuery 也一样。在 jQuery 中,$ 仅仅是 jQuery 的别名,因此即使不使用 $ 也能保证所有功能性。假如我们需要使用 jQuery 之外的另一 JavaScript 库,我们可以通过调用 $.noConflict() 向该库返回控制权:
<script type="text/javascript">
var jq=$.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").hide();
});
});
</script>
jQuery(document).ready(function($) {
$("a.UpInfo").click(function() {
if( $("div.examRecord").is(':visible')) {
this.className="DownInfo";
$("a.UpInfo").click(function() {
if( $("div.examRecord").is(':visible')) {
this.className="DownInfo";
var obj = document.getElementById("MainInfoBtn");
if(obj) obj.innerText ="展开";
$("div.examRecord").slideUp("slow");
}
else {
this.className="UpInfo";
var obj = document.getElementById("MainInfoBtn");
if(obj) obj.innerText ="折叠";
$("div.examRecord").slideDown("slow");
}
});
}
}
... // 其他库使用 $ 做别名的代码
这样做,只有当前jQuery(document).ready(function($)里的Jquery代码生效,其它JS仍然也用其它框架定义的$不影响。
这样做,只有当前jQuery(document).ready(function($)里的Jquery代码生效,其它JS仍然也用其它框架定义的$不影响。