使用方式:
var jq = $.noConflict();
这样,$ 就不再是 jQuery 的别名,而是恢复为之前的值(可能是其他库的别名)。而 jq 将成为 jQuery 的新别名,你可以使用它来调用 jQuery 的方法。
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery noConflict() 示例</title>
<!-- 引入 jQuery -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<!-- 引入其他库,模拟与 jQuery 冲突 -->
<script src="https://example.com/other-library.js"></script>
</head>
<body>
<div id="example">这是一个示例</div>
<script>
// 使用 jQuery 的 noConflict() 方法
var jq = $.noConflict();
// 使用新的别名 jq 调用 jQuery 方法
jq(document).ready(function(){
jq("#example").html("Hello, jQuery!");
});
</script>
</body>
</html>
在这个例子中,先引入了 jQuery 和其他库(使用 https://example.com/other-library.js 来模拟其他库)。然后使用 .noConflict() 将 jQuery 的 $ 别名释放,并赋值给新的别名 jq。这样就避免了与其他库的冲突。
注意,使用 .noConflict() 后,如果你想使用 jQuery 的方法,需要使用新的别名 jq。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12894/jQuery