首页 > 网站 > WEB开发 > 正文

解决jquery与其他js类库冲突

2024-04-27 15:15:33
字体:
来源:转载
供稿:网友
<!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>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表