好了不废话了,看看如何解决jQuery共存的问题吧。
官方给的方法如下:
jQuery.noConflict(),调用这个方法,会返回一个值,返回值可以理解为,为jQuery的$函数在取一个别名吧。
这个方法的解释如下:
OK,这样一来的话,$这个函数就没办法用了,这不是很郁闷,我可不想习惯了$在去投奔其它的函数名了。怎么办呢?办法还是有的,如下代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html http://www.w3.org/1999/xhtml" target=_blank>http://www.w3.org/1999/xhtml
<head>
<title></title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script><!--导入jQuery库,当然网站上用应该使用压文件,开发在VS08下使用jquery-1.3.2-vsdoc.js,会有智能提示-->
<script type="text/javascript">
$ = document.getElementById;//定义一个$函数,与jQuery的$函数发生冲突
(function($) {//使用匿名方法(闭包{具体叫法尚不明朗,先这么叫吧}),接收一个参数$
$(function() {
$("#show").css({ border: "1px dotted #336699", "200px", height: "150px", color: "red" }).html("今天天气不错,挺风和日丽的!");
});
})(jQuery);//给前的匿名函数传参,最终前面$里面存储的是jQuery,
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>
OK,有了这个后,我们就不必在为有多个库使用$而烦脑了。