专栏首页农历七月廿一jQuery - noConflict() 方法介绍-解决jQuery与其他框架冲突的问题

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

这个方法可能不是很常见,这个是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() 方法会释放会 $ 标识符的控制,这样其他脚本就可以使用它了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 写一个计算属相的web小程序

    何处锦绣不灰堆
  • 多方位测试一下for循环不同写法的性能差别

    何处锦绣不灰堆
  • 破解虚拟机软件-安装个Linux玩玩

    之前写安装windows的时候,原本是准备用虚拟机模拟一下具体的过程的,但是因为自己手贱,卸载了虚拟机,所以没有机会做教程,现在需要写虚拟机的使用的时候了,哎,...

    何处锦绣不灰堆
  • jQuery 升级踩坑大全

    背景 jQuery想必各个web工程师都再熟悉不过了,不过现如今很多网站还采用了很古老的jQuery版本。其实如果早期版本使用不当,可能会有DOMXSS漏洞,非...

    前朝楚水
  • GitHub 多人协作开发 三种方式:

    架构师专栏
  • 一体机新品亮相,XSKY软件定义存储的初心与梦想

    近日,XSKY正式推出了其软件定义存储一体机产品XSCALER EXPRESS 2000(以下简称“XE2000”)。XSKY创始人兼CEO胥昕透露:“在酝酿和...

    大数据在线
  • 你永远不会成为数据科学家的9个原因:数据科学是一个艰难的领域请做好准备

    数据科学是一个艰难的领域。做好准备。安妮·斯普拉特(Annie Spratt)在Unsplash上的照片

    deephub
  • 001.VNC介绍

    VNC 服务是一个自由开源软件,采用RFB通信协议。RFB ("remote 帧缓存 ") 是一个远程图形用户的简单协议,因为它工作在帧缓存级别上,所以它可以应...

    木二
  • 微信小程序开发手册离线版本-下载

    https://mp.weixin.qq.com/debug/wxadoc/dev/

    tonglei0429
  • Keras实现风格迁移

    风格迁移算法经历多次定义和更新,现在应用在许多智能手机APP上。 风格迁移在保留目标图片内容的基础上,将图片风格引用在目标图片上。

    用户1631856

扫码关注云+社区

领取腾讯云代金券