解决jQuery和其它库的冲突
时间：2010-08-16 来源：aito
在jQuery库中，几乎所有的插件都被限制在它的命名空间里。通常，全局（global）对象被很好地存储在jQuery命名空间里，因此当把jQuery和其他JavaScript库(例如Prototype、MooTools或YUI)一起使用时，不会引起冲突。
1.jQuery库在其他库这后导入
在其他库和jQuery库都被加载完毕后，可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权移交给其它javaScript库。如：
解决冲突
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
解决冲突
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>解决冲突</title>
<!--引入prototype-->
<script src="js/prototype.js" type="text/javascript" "></script>
<!--引入jQuery-->
<script src="js/jquery-1.4.2.js" type="text/javascript" ></script>
</head>
<body>
<p id="pp">test prototype</p>
<p>test jQuery</p>
<script type="text/javascript">
jQuery.noConflict(); //将变量$的控制权移交给prototype.js
jQuery.(function(){ //使用jQuery
jQuery("p").click(function(){
alert(jQuery(this).text());}
})
$("pp").style.display='none'; //使用prototype
</script>
</body>
</html>
Tag标签: jQuery
相关阅读 更多 +
