Jquery和Prototype共存的方法

最新推荐文章于 2023-10-31 17:49:28 发布

babyduncan

最新推荐文章于 2023-10-31 17:49:28 发布

阅读量169

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： jQuery prototype Java J# ViewUI

本文链接：https://blog.youkuaiyun.com/babyduncan/article/details/83740299

web前端专栏收录该内容

16 篇文章

订阅专栏

本文介绍了三种在同一个网页中同时使用jQuery和Prototype库的方法，确保两者可以和谐共存而不会互相干扰。通过使用`jQuery.noConflict()`及自定义变量等技巧，开发者能够在不引起命名冲突的情况下充分利用这两个强大的JavaScript库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方式一：
Java代码

<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>
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>

方式二：
Java代码
<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>
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>

方式三：
Java代码
<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>