jQuery之$冲突问题

$在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

你可能感兴趣的:(结构化组建)