Jquery之多库共存问题

最新推荐文章于 2022-07-18 22:15:34 发布

极客研究者

最新推荐文章于 2022-07-18 22:15:34 发布

阅读量138

点赞数

分类专栏： JQuery 文章标签： jquery js javascript

本文链接：https://blog.csdn.net/qq_34550459/article/details/106121834

版权

JQuery 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

解决Jquery和其他库的冲突:
在使用JQuery开发的时候,这可能会用到其他的javascript库,多库共存时可能会发生冲突,若发生冲突,可以通过以下方案解决。

Demo:

<!DOCTYPE html>
<html lang="en">
<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>Jquery之多库共存问题</title>
    <script src="../../js/jquery.min.js"></script>
    <script>
    $(function(){
        /*
        随着jquery的流行,其他js库也会用$作为标识符,这样会引起冲突
        */

        // function $(selector){
        //     return document.querySelector(selector);
        // }

        // console.log($('#content'));

        //方式一:如果$符号冲突,就使用JQuery
        jQuery.each(); //使用 JQuery对象

        //方式二:.让Jquery 释放对$的控制权,由用户自己控制
        //自定义$符号的替换名称  $_Jquery -->当做$去使用
        var $_Jquery=$.noConflict();
        $_Jquery.each();
        console.log($_Jquery('#content'));

    });
    
    </script>
</head>
<body>
    <div id="content"></div>
</body>
</html>

极客研究者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery之多库共存问题

解决Jquery和其他库的冲突:在使用JQuery开发的时候,这可能会用到其他的javascript库,多库共存时可能会发生冲突,若发生冲突,可以通过以下方案解决。Demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
复制链接

扫一扫