$
在jQuery中是一个函数,
的
参
数
不
同
,
则
实
现
的
功
能
不
同
,
但
是
的参数不同,则实现的功能不同,但是
的参数不同,则实现的功能不同,但是作为一个符号,可能与其他文件中的定义名称相冲突,在jQuery中含有
,
比
如
说
在
另
一
个
i
t
c
a
s
t
.
j
s
文
件
中
也
存
在
一
个
,比如说在另一个itcast.js文件中也存在一个
,比如说在另一个itcast.js文件中也存在一个,$的定义见下方:
定义为一个对象,var $ = {name: “lalala”,age:18}
index.html中要同时使用jQuery文件和itcast文件,那么就会引起 冲 突 问 题 , 并 且 后 引 入 的 文 件 会 将 先 引 入 的 文 件 中 的 冲突问题,并且后引入的文件会将先引入的文件中的 冲突问题,并且后引入的文件会将先引入的文件中的定义覆盖掉;
为避免这种情况,jQuery中有实现不冲突的方法noConflict(),该方法释放了$的控制权,因此不会与itcast中的定义发生冲突
需要注意的一点是:jQuery应该在itcast之前引入,否则jQuery根本没有得到$特权,也就没有办法释放特权。
如果理解不了,再看一下这个形象一些的例子:
假如两个男生喜欢同一个女生(两个文件中都含有 ) , 为 博 得 芳 心 , 都 会 将 自 己 的 特 权 赋 予 这 个 女 生 ( 每 个 文 件 中 的 ),为博得芳心,都会将自己的特权赋予这个女生(每个文件中的 ),为博得芳心,都会将自己的特权赋予这个女生(每个文件中的都有自己的定义),两个男生还会争抢(后引入的文件会将先引入的文件中的$定义覆盖掉),最后其中一个男生放弃了,转去寻找另一个女孩,并将之前赋予的特权收回,又赋予了其他的女生(var $ = = =.noConflict();),另一个男生得到了那个女生(itcast文件中$不会被覆盖),这样两者就不会再产生冲突。
还有一种解决冲突的方法:因为jQuery本身具有与 相 同 的 作 用 , 因 此 可 以 要 使 用 j Q u e r y 文 件 中 的 相同的作用,因此可以要使用jQuery文件中的 相同的作用,因此可以要使用jQuery文件中的功能,可以直接使用"备胎"jQuery替代。
具体的代码如下:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="itcast.js"></script>
<script src="jquery-1.12.4.js"></script>
<script>
console.log($); // 输出jQuery对象
// 1.jQuery释放$的控制权
var $$=$.noConflict();
$$(function () {
});
// 2.使用“备胎”jQuery
jQuery(function () {
});
</script>
</head>
<body>
</body>
</html>
————————————————
版权声明:本文为CSDN博主「颖_恋」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/line233/article/details/84562927