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