您的位置：首页 > Web前端 > JQuery

解决jquery与其他js类库冲突

2017-02-08 19:19 537 查看 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="http://cdn.bootcss.com/prototype/1.7.3/prototype.js"></script>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<body>
<input type="" name="name" id="test" value="张san" />
</body>
<script type="text/javascript">
/*
* 1.先加载Prototype,再加载jQuery
* jQuery库和它的所有插件都是在jQuery名字空间内的
* 包括全局变量也是保存在jQuery名字空间内的
* 使用jQuery.noConflict();主要作用是在任何时候
* 只要在jQuery加载后就可以调用,将$符号的使用权返回给其它的js库
* jQuery在创建它自己的名字空间时就将其它库的$保存在自己的一个变量当中
* 说白了就是把$换成jQuery了
*
*/
jQuery.noConflict();
alert(jQuery('#test').val());
alert($F('test'));
</script>
</html>


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/prototype/1.7.3/prototype.js"></script>
<body>
<input type="" name="name" id="test" value="张san" />
</body>
<script type="text/javascript">
/*
* 2.先加载jQuery,再加载Prototype
* 先加载jQuery,再加载Prototype
* 按照这样的顺序加载,就不存在其它js库的$符号被jQuery占用的问题
* 所以对其它的js库的代码可以不作任何修改
* 照常使用$,而对 jQuery可以使用jQuery来替代$
*/
jQuery(document).ready(function() {
alert(jQuery('#test').val());
});
alert($F('test'));
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  解决jquery与其他js类库冲突
相关文章推荐
新的分享
章节导航