jQuery的noConflict()的作用
2015-08-11 12:03
549 查看
在实际项目中,我们可能会使用多个js类库,一旦其它js类库也使用了$,就极可能引起代码冲突,jQuery的noConflict()方法可以避免这一冲突。
示例:
noConflict.js的代码:
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>noConflict方法的使用</title> <script src="js/jquery-1.11.2.min.js"></script> <script src="js/noConflict.js"></script> </head> <body> <button id="btn">点击</button> <p></p> </body> </html>
noConflict.js的代码:
$.noConflict(); jQuery(document).ready(function(){ jQuery("#btn").on("click",function(){ jQuery("p").text("用noConflict方法可以避免$的冲突"); }) })
相关文章推荐
- jquery插件中的(function(){})
- jQuery的扩展
- JavaScript JQuery获取span、button标签中的文本
- 前端笔记——jquery ajax提交表单
- jquery交替实现隐藏、显示
- jQuery 鼠标拖拽排序
- 由于jquery版本差异导致的问题总结
- js与jquery获取滚动条距浏览器顶部的距离
- 基于jQuery HTML5人物介绍卡片特效
- JQuery发送ajax请求不能用数组作为参数
- jquery删除某数组某几个下标的元素
- jQuery中prepend()方法使用详解
- 使用超酷的jQuery缩略图生成插件NailThumb制作漂亮的缩略图web应用
- Jquery操作下拉框(DropDownList)实现取值赋值
- 【技术】jquery常用命令
- jquery获取class的值加入到数组,并判断数组中是否存在特定字符串
- jQuery模仿window7窗口弹出效果
- jQuery radio的取值与赋值
- jquery.fastLiveFilter.js实现输入自动过滤的方法
- JavaScript与jQuery中获取屏幕的宽度和高度的常用方法以及HTML中精确定位