本文介绍了三种在同一个项目中同时使用Prototype和jQuery库时避免命名冲突的方法。通过使用noConflict()函数，可以确保两个库都能正常工作且不会互相干扰。这三种方法包括直接调用jQuery函数、创建jQuery的别名以及在文档就绪函数中指定参数。
方式一：
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
---------------------------------------------------------------------------------------------------
方式二：
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
var $j = jQuery.noConflict();
// Use jQuery via $j(...)
$j(document).ready(function(){
$j("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
---------------------------------------------------------------------------------------------------
方式三：
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function($){
// Do jQuery stuff using $
$("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
原文：http://www.javaeye.com/topic/69322
扫一扫
634
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
