jQuery"$"美元符号冲突的解决办法
2012-08-17 12:59
357 查看
jQuery不多介绍了,是我们前端开发过程中所使用的一个非常好用的一个框架,但是在实际开发过程中我们会发现有时候jQuery的$ 符号会与其他js框架出现冲突例如prototype.js。
下面来给大家提供三种解决该冲突的办法。
笔者假设造成冲突的js为common.js,代码如下
方法1:将$改写为jQuery
方法2:jQuery.noConflict();自定义别名
二.jquery在common.js后引入。
方法:这种情况需要jQuery.noConflict();让出$符号的使用权限,通过上述的自定义别名的方式即可解决。
下面来给大家提供三种解决该冲突的办法。
笔者假设造成冲突的js为common.js,代码如下
function $(id) { return document.getElementById(id); }一.当jquery在common.js之前引入
方法1:将$改写为jQuery
<script type = "text/javascript" src = "js/jquery-1.7.1.min.js"></script> <script type = "text/javascript" src = "js/common.js"></script> <script type="text/javascript"> jQuery(function(){ alert("jquery获取文本框值:"+jQuery('#test').val()); }); function ck(){ alert("自定义函数获取文本框值: "+$('test').value); } </script> <input type = "text" id = "test" value ="我是文本框" /> <input type = "button" id = "btn" value = "点击" onclick="ck()"/>
方法2:jQuery.noConflict();自定义别名
<script type = "text/javascript" src = "js/jquery-1.7.1.min.js"></script> <script type = "text/javascript" src = "js/common.js"></script> <script type="text/javascript"> var jq = jQuery.noConflict(); jq(function(){ alert("jquery获取文本框值:"+jq('#test').val()); }) function ck(){ alert("自定义函数获取文本框值: "+$('test').value); } </script> <input type = "text" id = "test" value ="我是文本框" /> <input type = "button" id = "btn" value = "点击" onclick="ck()"/>方法3:使用语句块在语句块中仍然使用$,(不推荐)
<script type = "text/javascript" src = "js/jquery-1.7.1.min.js"></script> <script type = "text/javascript" src = "js/common.js"></script> <script type="text/javascript"> (function($){ $(function(){ alert("jquery获取文本框值:"+$('#test').val()); }) //alert("自定义函数获取文本框值: "+$('test').value); })(jQuery); function ck(){ alert("自定义函数获取文本框值: "+$('test').value); } </script> <input type = "text" id = "test" value ="我是文本框" /> <input type = "button" id = "btn" value = "点击" onclick="ck()"/>这种方法虽然保留了jquery对$符号的使用权限,但是局限性相对较大,此外自定义函数ck()不可写入语句块中,否则按钮点击事件无法获取该方法。若在我们自定义的函数中应用到了jquery,但是又不能将自定义方法置于语句块中,这就是不推荐这种方式的原因。
二.jquery在common.js后引入。
方法:这种情况需要jQuery.noConflict();让出$符号的使用权限,通过上述的自定义别名的方式即可解决。
相关文章推荐
- jQuery"$"美元符号冲突的解决办法
- jquery中美元符号命名冲突的解决办法
- jQuery自定义添加"$"与解决"$"冲突的方法
- bstr error LNK2019: 无法解析的外部符号 "char * __stdcall _com_util::ConvertBSTRToString(wchar_t *)" 的解决办法
- 无法解析的外部符号 "wchar_t * __stdcall _com_util::ConvertStringToBSTR(char const *)"的解决办法
- jquery 解决冲突,美元符号($)再次封装
- 已安装了存在签名冲突的同名数据包"的原因及解决办法
- Android手机出现"已安装了存在签名冲突的同名数据包"的原因及解决办法
- Android手机出现"已安装了存在签名冲突的同名数据包"的原因及解决办法
- jquery中美元符号命名冲突问题解决
- jquery mobile phonegap中页面跳转白屏及抖动的解决办法<script src="http://code.jquery.com/jquery-1.6.4.min.js"></scri
- 操作中 "Chinese_PRC_CI_AS" 和 "Chinese_PRC_CI_AI" 之间的排序规则冲突 的解决办法
- 解决jquery中美元符号命名冲突问题
- photoshop“Ctrl+Alt+方向键"与windows屏幕转向快捷键冲突解决办法
- 解决JQuery中美元符号($)与$命名冲突
- "error LNK2019: 无法解析的外部符号"错误的解决办法
- jQuery和web.py美元符号($)冲突的解决方法
- 出现"已安装了存在签名冲突的同名数据包"的原因及解决办法
- 出现"已安装了存在签名冲突的同名数据包"的原因及解决办法
- C++与C函数的相互调用方法以及error C2732:链接规范与"f"的早期规范冲突的解决办法