zoukankan      html  css  js  c++  java
  • jQuery基础之让出$,与其他库共存

     在某些情况下,可能有必要在同一个页面中使用多个JS库,由于很多库都使用$标识符(因为他简短方便),因此就需要一种方式来避免名称冲突。

    为解决这个问题,jQuery提供了一个名叫.noConflict()的方法,调用该方法可以把对$标识符的控制权交还给其他库。使用.noConflict()方法的一般模式如下:

    <script src="prototype.js" type="text/javascript"></script>
    <script src="jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery.noConflict();
    </script>
    <script src="myScript.js" type="text/javascript"></script>

    首先,包含jQuery之外的库(这里是Prototype)。然后,包含jQuery库,取得对$的使用权。接着,调用.noConflict()方法让出$,以便将控制权交还给最先包含的库(Prototype)。这样,就可以在自定义脚本中使用两个库了——但是,在需要使用jQuery方法是,必须记住要用jQuery而不是$来调用。

    在这种情况下,还有一个在.ready()方法中使用$的技巧。我们传递给他的回调函数可以接收一个参数——jQuery对象本身。利用这个参数,可以重新命名jQuery为$,而不必担心造成冲突:

    jQuery(document).ready({
    //在这里,可以正常使用$
    });
    
    //简写
    jQuery(function($){
    //使用$的代码
    })
  • 相关阅读:
    jupyterlab数据处理
    系统监测模块
    登录验证码的实现
    编码格式检测chardet模块
    图像处理pillow模块
    内存数据的读取
    力扣(LeetCode)728. 自除数
    力扣(LeetCode)709. 转换成小写字母
    Java 层序创建和遍历二叉树
    力扣(LeetCode) 849. 到最近的人的最大距离
  • 原文地址:https://www.cnblogs.com/tianrui/p/3319639.html
Copyright © 2011-2022 走看看