jQuery之$冲突问题

最新推荐文章于 2022-07-11 07:34:00 发布

颖_恋

最新推荐文章于 2022-07-11 07:34:00 发布

阅读量3.6k

点赞数

分类专栏： jquery 文章标签： jQuery $冲突

本文链接：https://blog.csdn.net/line233/article/details/84562927

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

$在jQuery中是一个函数，$的参数不同，则实现的功能不同，但是$作为一个符号，可能与其他文件中的定义名称相冲突，在jQuery中含有$,比如说在另一个itcast.js文件中也存在一个$,$的定义见下方：

定义为一个对象，var $ = {name: "lalala",age:18}

index.html中要同时使用jQuery文件和itcast文件，那么就会引起$冲突问题，并且后引入的文件会将先引入的文件中的$定义覆盖掉；

为避免这种情况，jQuery中有实现不冲突的方法noConflict()，该方法释放了$的控制权，因此不会与itcast中的定义发生冲突

需要注意的一点是：jQuery应该在itcast之前引入，否则jQuery根本没有得到$特权，也就没有办法释放特权。

如果理解不了，再看一下这个形象一些的例子：

假如两个男生喜欢同一个女生(两个文件中都含有$)，为博得芳心，都会将自己的特权赋予这个女生(每个文件中的$都有自己的定义)，两个男生还会争抢(后引入的文件会将先引入的文件中的$定义覆盖掉)，最后其中一个男生放弃了，转去寻找另一个女孩，并将之前赋予的特权收回，又赋予了其他的女生(var $$=$.noConflict();），另一个男生得到了那个女生(itcast文件中$不会被覆盖)，这样两者就不会再产生冲突。

还有一种解决冲突的方法：因为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>

颖_恋

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
jQuery之$冲突问题

$在jQuery中是一个函数，$的参数不同，则实现的功能不同，但是$作为一个符号，可能与其他文件中的定义名称相冲突，在jQuery中含有$,比如说在另一个itcast.js文件中也存在一个$,$的定义见下方：定义为一个对象，var $ = {name: "lalala",age:18}index.html中要同时使用jQuery文件和itcast文件，那么就会引起$冲突问题，并且后引入的...
复制链接

扫一扫