解决jquery与其他js类库冲突

最新推荐文章于 2024-02-17 18:39:30 发布

zhang漫php

最新推荐文章于 2024-02-17 18:39:30 发布

阅读量778

点赞数

分类专栏： jquery 文章标签：解决jquery与其他js类库冲突

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

zhang漫php

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解决jquery与其他js类库冲突

/* * 1.先加载Prototype,再加载jQuery * jQuery库和它的所有插件都是在jQuery名字空间内的 * 包括全局变量也是保存在jQuery名字空间内的 * 使用jQuery.noConflict();主要作用是在任何时候 * 只要在jQuery加载后就可以调用,将$符号的使用权返回给其它的js库 * jQuery在创建它自己的名字空间时就
复制链接

扫一扫