码迷,mamicode.com
首页 > Web开发 > 详细

Prototype与jQuery冲突|兼容性问题解决方法

时间:2014-07-18 17:06:14      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:兼容性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>prototype与jQuery冲突解决4</title>

<!-- 引入 prototype  -->

<script src="/ajaxjs/prototype-1.6.0.3.js" type="text/javascript"></script>

<!-- 引入 jQuery  -->

<script src="/ajaxjs/jquery-1.3.1.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

(function($){ //定义匿名函数并设置形参为$

$(function(){ //匿名函数内部的$均为jQuery

$("p").click(function(){ //继续使用 $ 方法

alert($(this).text());

});

});

})(jQuery); //执行匿名函数且传递实参jQuery


$("pp").style.display = ‘none‘;//使用prototype

</script>

</body>

</html>


Prototype与jQuery冲突|兼容性问题解决方法,布布扣,bubuko.com

Prototype与jQuery冲突|兼容性问题解决方法

标签:兼容性

原文地址:http://chunzhisu.blog.51cto.com/9123977/1439344

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!