侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130555 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

解决jQuery库与其他js库的冲突

2024-05-09 星期四 / 0 评论 / 0 点赞 / 11 阅读 / 2458 字

2种情况下解决 1.之前导入jquery库 不需要移交$()使用权限,$()权限属于后导入的库 1.1直接使用jquery而不使用$就可以解决冲突 jQuery(function(){ jQu

2种情况下解决

 

1.之前导入jquery库  

不需要移交$()使用权限,$()权限属于后导入的库

1.1直接使用jquery而不使用$就可以解决冲突

jQuery(function(){

     jQuery("p")click(function(){

         alert(jQuery(this).text());

    });

})

 

2.之后导入jquery库  

需要移交$()使用权限,

2.1 移交权限,使用jQuery

jQuery.noConflict();

jQuery(function(){

     jQuery("p")click(function(){

         alert(jQuery(this).text());

    });

})

2.2移交权限,自定义$名称

var   $j  =  jQuery.noConflict();

$j(function(){

     $j("p")click(function(){

         alert($j(this).text());

    });

})

2.3 移交权限,还想继续使用$名称

 jQuery.noConflict();

jQuery(function($){  //内部继续使用$

     $("p")click(function(){

         alert($(this).text());

    });

})

广告 广告

评论区