[jQuery]名称冲突使用noConflict方法解决
程序员文章站
2022-04-11 21:22:09
jquery 使用 $ 符号作为 jquery 的简介方式。
某些其他 javascript 库中的函数(比如 prototype)同样使用 $ 符号。
jquery 使用名为...
jquery 使用 $ 符号作为 jquery 的简介方式。
某些其他 javascript 库中的函数(比如 prototype)同样使用 $ 符号。
jquery 使用名为 noconflict() 的方法来解决该问题。
var jq=jquery.noconflict(),帮助使用自己的名称(比如 jq)来代替 $ 符号。
代码如下:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var jq=jquery.noconflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").hide();
});
});
</script>
</head>
<body>
<h2>this is a heading</h2>
<p>this is a paragraph.</p>
<p>this is another paragraph.</p>
<button type="button">click me</button>
</body>
</html>
上一篇: 如何实现进度条效果呢 ?
推荐阅读
-
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法_jquery
-
jQuery自定义添加$与解决$冲突的方法教程
-
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
-
如何快速解决jQuery与其他库冲突的方法介绍
-
ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
-
ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
-
解决自定义$(id)的方法与jquery选择器$冲突的问题
-
JQuery中使用Ajax赋值给全局变量异常的解决方法
-
jquery插件冲突(jquery.noconflict)解决方法分享
-
html文件中jquery与velocity变量中的$冲突的解决方法