首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery - noConflict() 方法介绍-解决jQuery与其他框架冲突的问题

jQuery - noConflict() 方法介绍-解决jQuery与其他框架冲突的问题

作者头像
何处锦绣不灰堆
发布2020-05-29 09:42:56
7550
发布2020-05-29 09:42:56
举报
文章被收录于专栏:农历七月廿一农历七月廿一

这个方法可能不是很常见,这个是jQuer提供的一个方法,说一下应用场景,比如说,我们使用jQuery的时候,需要引入别的框架,那么刚好这个框架也是$开头的,那是不是很悲催,因为jQuery也是$开头的,那么页面怎么解析呢?导致的结果可能就是页面停止加载了,说人话就是页面就基本挂了!所以jQery也考虑到了这个问题,就出现了jQuery - noConflict() 方法。

下面简单的写几个例子看一下怎么使用的!

我们写jQuery的时候一般写法是这样的:

$("div").append("jquery运行中...");

那么如果引入别的js框架的时候,也是$开始的,我们怎么写呢?直接写全名就可以其实

$.noConflict();
jQuery("p").append("this is p");

或者这样写也是可以的:将其赋予一个变量来使用

var jq = $.noConflict();
jq("span").append("this is span");

有的人说我就想用$开头,但是还要引入别的框架怎么办呢?那么我们在jQuery的代码块里面写就行了,将$当作参数传递给ready

jQuery(document).ready(function($){
    $("h1").append("This is h1");
})

PS:说白了,noConflict() 方法会释放会 $ 标识符的控制,这样其他脚本就可以使用它了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-09-20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档