完美解决jQuery符号$与其他javascript 库、框架冲突的问题

目前有大量的 javascript 开发框架,其中有一部分使用 $ 作为调用符号,这可能导致相互之间的冲突,而 jQuery 为解决这个问题,可以在 jQuery 导入时放弃 $ 使用权,届时 $ 则由其它框架使用,这样可以避免相同名字的函数调用不再冲突。

jQuery 使用 noConflict 方法来放弃 $ 调用时的命名,之后由 jQuery 代替 $ 进行编写。

例如:alert($(‘#message‘).val());

必须修改为 alert(jQuery(‘#message‘).val());

也可以重新定义 $ 进行调用

<script src="other_lib.js"></script>

<script src="jquery.js"></script>

<script>

$.noConflict();

jQuery( document ).ready(function( $ ) {

 // Code that uses jQuery‘s $ can follow here.

});

// Code that uses other library‘s $ can follow here.

</script>

换成 j 作为调用符号

var j = jQuery.noConflict();

 

// Do something with jQuery

j( "div p" ).hide();

 

// Do something with another library‘s $()

$( "content" ).style.display = "none";

时间: 2024-10-16 06:13:58

完美解决jQuery符号$与其他javascript 库、框架冲突的问题的相关文章

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

jQuery解决引用多个JavaScript库引起的$命名冲突的问题

在某些情况下,我们可能会在一个页面中使用多个JavaScript库,由于多个库中都是用$标识符,因此我们需要一种解决该命名冲突的方法,jQuery的noConflict()方法很好的解决了这个问题.jQuery调用该方法会把对$标识符的控制权限让渡给其他库使用. 参考示例如下: <script src="prototype.js"></script> <!-- 引用的库1 --> <script src="jquery.js"

使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题

一.问题分析 对于后台系统,相比大家都有所印象,知道其中的布局结构,如图: 在这种布局中我们需要将header,sidebar,footer分开,而且对于中间部分的content内容需要动态变化,即根据不同菜单定位到不同页面,而整体布局不会变化 这种布局结构对于单纯的HTML不具备这种嵌入各部分内容的能力,所以就需要我们自己来寻找或者解决这种问题,由于jquery的兼容性和使用广度比较不错,这里 使用jquery的load方法来处理这种页面布局框架. 二.load方法详解 1.定义 $(sele

解决jQuery和其他库的冲突

本文摘自<锋利的jQuery> 在jQuery库中,几乎所有的插件都被限制在它的命名空间里.通常,全局(global)对象都被很好地存储在jQuery命名空间里,因此当把jQuery和其他JavaScript库(例如Prototype.MooTools或YUI)一起使用时,不会引起冲突. 注:默认情况下,jQuery用$作为自身的快捷方式. 1.jQuery库在其他库之后导入 在其他库和jQuery库都被加载完成后,可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权

解决jQuery多个版本,与其他js库冲突方法

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery测试页</title> </head>

emlog通过pjax实现无刷新加载网页--完美解决cnzz统计和javascript失效问题

想要更详细了解pjax,需要查看官网 或者看本站文章:jQuery.pjax.js:使用AJAX和pushState无刷新加载网页(官网教程中文翻译) 效果看本站,音乐无刷新播放,代码高亮和复制js加载成功- 准备文件 编辑模板 header.php 的 head 添加必要文件: jquery-1.11.1.min.js:百度网盘下载 jquery.pjax-1.8.2.min.js:百度网盘下载 下载到模板的 scripts 目录下后将下面两句添加到</head>所有script标签的最前面

如何实现jQuery与其他javascript库兼容

如何实现jQuery与其他javascript库兼容: 在使用jquery的时候,可能会出现与其他的javascript库冲突的情况,下面就介绍一下如何解决此问题. 解决方法就是使用jQuery的jQuery.noConflict()函数来避免冲突. jQuery.noConflict()函数简单介绍: 此函数可以将$的控制权让渡给后面第一个实现它的javascript库,在运行这个函数之后就只能够使用jQuery访问jQuery对象了,例如: $("div")需要改写成jQuery(

Web开发——JavaScript库(jQuery 语法 / 选择器 / 事件)

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions). 1.jQuery 语法 1.1 jQuery语法举例 1.1.1 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta h

JavaScript库——jQuery

导入jQuery库 1.直接连接网上的 https://code.jquery.com/jquery/+版本号 2.也可到官网下载jquery库到本地 JavaScript 库作用及对比 为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器 当前流行的 JavaScript 库有: jQuery 是继 Prototype 之