jQuery处理$符号冲突问题

最新推荐文章于 2022-03-04 17:58:59 发布

陈迹·清欢

最新推荐文章于 2022-03-04 17:58:59 发布

阅读量216

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/qq_36360463/article/details/104933962

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

我们知道，jQuery使用$符号作为jQuery的简写，使用$符号就可以进行各种jQuery的操作，那么如果我们使用的其他框架也使用$符号，那该怎么办？

jQuery - noConflict() 方法

jQuery以及帮我们考虑好了这个问题，提供以下两种解决方案。

使用jQuery代替$

<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$.noConflict();//加不加此句后面代码都会生效
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery 仍然在工作!");
  });
});
</script>
</head>

<body>
<p>这是一个段落。</p>
<button>点我</button>
</body>
</html>

创建自己的简写

$.noConflict()会返回jQuery的引用，我们将其存入变量留待使用即可。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
var jq=$.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery 仍然在工作!");
  });
});
</script>
</head>

<body>
<p>这是一个段落。</p>
<button>点我</button>
</body>
</html>

陈迹·清欢

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery处理$符号冲突问题

我们知道，jQuery使用$符号作为jQuery的简写，使用$符号就可以进行各种jQuery的操作，那么如果我们使用的其他框架也使用$符号，那该怎么办？jQuery - noConflict() 方法jQuery以及帮我们考虑好了这个问题，提供以下两种解决方案。使用jQuery代替$<html><head><meta charset="utf-8">...
复制链接

扫一扫

专栏目录