JQuery - noConflict（）方法

最新推荐文章于 2024-09-30 09:00:00 发布

Tong XU

最新推荐文章于 2024-09-30 09:00:00 发布

阅读量164

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/qq_41700374/article/details/102474193

版权

JQuery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

noConflict（）方法会释放对'$'标识符的控制，这样其他脚本可以使用它。

用jQuery代替'$'；

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>菜鸟教程(runoob.com)</title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		
		<script>
			
			$.noConflict();
			jQuery(document).ready(function($){
				
				jQuery("button").click(function(){
					
					jQuery("p").text("jQuery 仍然在工作!");
				});
			});
		</script>
		
	</head>

	<body>
		
		<p>这是一个段落。</p>
		<button>点我</button>
		
	</body>
	
</html>

noConflict（）可返回对jQuery的引用，可把它存入变量，以供稍后使用。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>菜鸟教程(runoob.com)</title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		
		<script>
			
			var jq = $.noConflict();
			jq(document).ready(function($){
				
				jq("button").click(function(){
					
					jq("p").text("jQuery 仍然在工作!");
				});
			});
		</script>
		
	</head>

	<body>
		
		<p>这是一个段落。</p>
		<button>点我</button>
		
	</body>
	
</html>

如果希望jQuery代码块使用'$'简写，并且不愿意改变这个快捷方式，那么可以把'$'符号作为变量传递给ready方法。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>菜鸟教程(runoob.com)</title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		
		<script>
			
			$.noConflict();
			jQuery(document).ready(function($){
				
				$("button").click(function(){
					
					$("p").text("jQuery 仍然在工作!");
				});
			});
		</script>
		
	</head>

	<body>
		
		<p>这是一个段落。</p>
		<button>点我</button>
		
	</body>
	
</html>