在写项目的过程中会遇到jquery和zepto中的$打架，如何释放$操作符

最新推荐文章于 2021-08-05 12:14:46 发布

原创最新推荐文章于 2021-08-05 12:14:46 发布 · 518 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

js 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了如何使用 jQuery 的 noConflict 方法来解决与其他 JavaScript 库之间的冲突问题。通过该方法可以释放对 $ 符号的控制权，并使用新的变量 jq 来调用 jQuery 的功能。

var jq = $.noConflict();

// $ 变量会回到原先的变量值

//jq 来做jquery使用 , 和 $ 使用是一样的

jq(function(){

  jq('#id').on('click' , function(){})

})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

惊天bug

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

jQuery、zepto、js常用小技巧

12-09

jQuery/zepto判断元素是否存在 // 判断长度是否存在, 正确 if ($elem.length) { } // 错误, 因为空数组也是true if ($elem) { } 合理判断数据类型先看代码: function case(str) { return str.match(/reg/); } ...

swipeSlider:借鉴的很好的基于jquery或者zepto的轮播，有时间改写成纯原生的，暂时可以在项目中使用

05-31

总的来说，`swipeSlider`是一个便捷的轮播插件，其简洁的API和良好的性能使其成为开发项目中的理想选择。无论是快速搭建轮播功能，还是作为学习JavaScript动画和触摸事件处理的实践案例，都极具价值。

参与评论您还未登录，请先登录后发表或查看评论

释放jquery $ 使用权

gxr的博客

07-12

1117

在jquery框架使用过程中，可能会遇到与其他框架在$符的使用上有冲突，可以使用以下方法释放jquery $的使用权:jQuery.noConflict();

第一次在项目中使用JQuery遇到的一点问题

wangyinbin的专栏

05-15

1520

这几天由于项目的需要，要用到JQuery，之前只是了解一点点Jquery，但没写过东西。项目里面有一个小小的功能是这样的：点击列表页的链接进入详细页。 (下面的内容对原项目已做了一定的简化和修改，在此只是做总结经验使用，请勿对号入座) 详细页页面大概如下：详细页有一个下拉列表框，根据下拉列表选择的值不一样，到后台查询返回结果，并将结果表现上面那个表中。选中上表的内容，点击保存按

zepto源码研究（1）$到底如何实现？

mapbar_front的博客

04-24

528

在zepto中，$作为一个选择器而存在，它接收一个字符串，返回一个选择器的数组,并且这个数组有一个属性，叫selector。通过研究源码，zepto的实现步骤有这么几步：第一步，定义了一个 $ 的变量，这个变量属于window，并且这个变量的值是Zepto。 "$" in window || window.$ = Zepto; 那么，Zepto到底是什么？其实本质上，它是使用模块模...

jQuery- 释放$的使用权

堇年

10-22

478

释放$的使用权释放操作必须在编写其它jQuery代码之前编写释放之后就不能再使用$,改为使用jQuery jQuery.noConflict(); 自定义一个访问符号 var xx = jQuery.noConflict(); xx(function () { alert("hello"); }); ...

Zepto源码之$.fn工具函数

小花的前端博客

01-08

997

$.fn.get 从当前对象集合中获取所有元素或单个元素。当index参数不存在的时，以普通数组的方式返回所有的元素。当指定index时，只返回该置的元素。这点与eq不同，该方法返回的是DOM节点，不是Zepto对象集合。 get: function(idx){ return idx === undefined ? slice.call(this) : this[idx

jQuery与Zepto在DOM操作和事件处理上的差异

这些差异在实际项目开发中可能会导致意料之外的行为，尤其是在从 jQuery 迁移到 Zepto 或者在移动端优先使用 Zepto 的场景下需要特别注意。首先，在 DOM 元素创建与属性设置方面，jQuery 和 Zepto 表现出明显不同...

移动端Dialog弹出对话框插件同时支持jQuery和Zepto

08-11

在压缩包`dialog.js-master`中，通常会包含源码文件、示例、文档和可能的测试文件。源码文件（如`dialog.js`）是核心插件，可以直接引入到项目中；示例文件可以帮助你快速理解和学习如何使用插件；文档则提供了详细...

【zepto学习笔记01】核心方法$()（补）

weixin_33827731的博客

12-08

前言昨天学习了核心$()，有几个遗留问题，我们今天来看看吧 $.each 遍历数组/对象，将每条数据作为callback的上下文，并传入数据以及数据的索引进行处理，如果其中一条数据的处理结果明确返回false，则停止遍历，并返回elements 1 $.each = function (elements, callback) { 2 ...

jQuery和Zepto冲突问题【解决】

布里渊区

01-26

1万+

特殊操作下，项目中同时引入这两个文件时，往往会有些冲突，应该加一句代码避免冲突 <script src="~/js/jquery-2.1.4.js"></script> **<script>jQuery.noConflict()</script>** <script src="~/js/zepto.min.js"></script>加这句

zepto与jquery冲突的解决

thebigbuding的博客

03-04

1万+

一般是不会把zepto和jquery一起来用的。但有时候要引入一些插件，可能就会遇到这样的问题。jquery noConflict()jquery有一个方法叫noConflict() ,可以把jquery的$改掉。var jq=$.noConflict();这个时候用jq来代替jquery的$吧。zepto的符号改掉window.$$=window.Zepto = Zepto在zepto里加入这一行

zepto和jquery的区别，zepto的不同使用8条小结

热门推荐

kongjiea笔记

01-08

9万+

1. Zepto 对象不能自定义事件例如执行： $({}).bind('cust', function(){}); 结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象：例如： $('').bind('cust', function(){}); 2. Ze

解决jQuery和Zepto冲突问题

fountion的博客

09-28

1897

特殊操作下，项目中同时引入这两个文件时，往往会有些冲突，应该加一句代码避免冲突 <script src="~/js/jquery-2.1.4.js"></script> <script>jQuery.noConflict()</script> <script src="~/js/zepto.min.js">&amp

解决JQuery中美元符号（$）与$命名冲突

mailangel123的专栏

10-29

765

在JQuery中，$是JQuery的别名，所有使用$的地方也都可以使用JQuery来替换，如$('#msg')等同于JQuery('#msg') 的写法。然而，当我们引入多个js库后，在另外一个js库中也定义了$符号的话，那么我们在使用$符号时就发生了冲突。下面以引入两个库文件 jquery.js和prototype.js为例来进行说明。第一种情况：jquery.js在prototype.j

zepto.min.js ajax,如何使用$ .ajax（jQuery或Zepto）发布对象数组

weixin_33417488的博客

08-05

317

我想在Zepto或Jquery中用$ .ajax发布一个对象数组。两者都表现出相同的奇数错误，但我找不到我做错的事情。使用“ RestEasy”之类的测试客户端发送数据时，数据会保存到服务器，并且我可以在浏览器的网络面板中看到请求被篡改，因此我相信JS是罪魁祸首。如果我将对象数组作为POST的data属性发送，则不能正确发送它们。数据对象：var postData = [{ "id":"1", "...

noConflict方法

Vivian_shuang的博客

07-22

633

DOCTYPE html> html> head> meta charset="UTF-8"> title>title> script src="js/jq/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8">script> script type="text/javascript"> // jQuery

解决Zepto引用jQuery插件报错问题

weixin_45709246的博客

11-02

267

Zepto开发移动端使用jQuery插件 Zepto引用jQuery的插件可能会报错，以下是解决方法之一： $.noConflict(); jQuery中可以用noConflict()将改掉。在引入jQuery.js后，紧接着调用noConflict();就可以避免和Zepto发生冲突，但是之后调用jQuery方法必须将改掉。在引入jQuery.js后，紧接着调用noConflict();就可以...