天天看点

jQuery——03——解决jQuery冲突问题因为在使用jQuery中会用到$,但是其他框架也许也会用到$符号解决方法一:

因为在使用jQuery中会用到$,但是其他框架也许也会用到$符号

解决方法一:

<!DOCTYPE html>
<html >

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../jquery/jquery-3.4.1.min.js"></script>
    <script src="test.js"></script>
    <script>
       //1:释放$的使用权
       //注意点:释放操作必须在编写其他jQuery代码之前编写
       //释放之后就不能使用$,改为使用jQuery
       jQuery.noConflict();
       jQuery(function(){
           alert("hello");
       });
    </script>

</head>

<body>
</body>

</html>
           
var $=123;
           

解决方法二: 

<!DOCTYPE html>
<html >

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../jquery/jquery-3.4.1.min.js"></script>
    <script src="test.js"></script>
    <script>
      //自定义一个访问符号
      var ss=jQuery.noConflict();
      ss(function(){
          alert('hello');
      });
    </script>

</head>

<body>
</body>

</html>
           
var $=123;