jQuery团队为用户提供了贴心的方法让jQuery能与其他js库(如Prototype),实现起来很简单。
其实,多库共存就是“$
”符号的冲突。
方法一:
利用jQuery的实用函数$.noConflict();这个函数归还$的名称控制权给另一个库,因此可以在页面上使用其他库。
这时,我们可以用"jQuery
"这个名称调用jQuery的功能。
方法二:
(function($){/*代码块*/})(jQuery)
这个表单是看上去会让人觉得有点晕,其实很简单。
前半部分:(function($){/*代码块*/})
这是一个函数声明,并用括号括起来够成一个表达式,表达式的返回值就是这个函数的引用。
在这个函数中用$作为参数。所以在注释代码块用可以使用$符号。
后半部分:(jQuery)
在前半半部分返回函数引用后传递jQuery对象参数。
其实,可以把(function($){/*代码块*/})(jQuery)
拆分成:
方法三:
jQuery(function($){/*代码块*/})
通过传递一个函数作为jQuery的参数,因此把这个函数声明为就绪函数。
那它究竟是怎么工作的呢?
我们声明$为就绪函数的参数,因为jQuery总是吧jQuery对象的引用作为第一个参数传递,所以就保证了函数的执行。
如有任何问题,请回复。
分享到:
相关推荐
jQuery 3.1 标准课程第三章 核心方法插件及多库共存方法的使用
jQuery 3.1 参考手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 ...多库共存 jQuery.noConflict([ex])
核心 jQuery 核心函数 ...多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class | fn) removeClass([class |
内容概述:Ajax,this指针,JS面对对象,Promise,正则表达式,JQuery,JQuery深浅复制,JQuery多库共存,字符串方法,数组方法,运算符,循环语句(for,while),if分支语句,作用域,堆和栈,Math对象,DOM,BOM...
多库共存 jQuery.noConflict([extreme]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class) removeClass([class]) toggleClass(class [, ...
帮你了解什么是jQuery,jQuery的特点。jQuery事件绑定和事件解绑的方法。jQuery选择器,DOM对象和jQuery对象的互相转换以及为啥要转换。获取当前元素的其他方法,创建元素的方法。...以及多库共存如何使用。
文章目录jQueryjQuery的基本介绍jQuery的引入jQuery语法jQuery选择器jQuery的属性操作jQuery的样式操作标签对象的内容操作标签对象的class操作...jQuery的AjaxjQuery的Ajax全局函数jQuery的多库共存jQuery的插件扩展...
jQuery的基本使用、选择器、效果、样式操作、属性操作、元素操作、尺寸操作、位置操作、以及事件注册、事件处理、事件对象、拷贝对象、多库共存、部分插件的使用
多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name|pro|key,val|fn) removeAttr(name) prop(name|pro|key,val|fn)1.6+ removeProp(name)1.6+ CSS 类 addClass(class|fn) removeClass([class|fn]) ...
2.6 多库共存 35 2.6.1 jQuery.noConflict() 35 2.6.2 jQuery.noConflict(extreme) 36 3. 选择器 37 3.1 基本 37 3.1.1 #id 37 3.1.2 element 38 3.1.3 .class 38 3.1.4 * 39 3.1.5 selector1,selector2,selectorN ...
库与框架的区别jQuery对象与dom对象的区别立即表达式模块依赖关系九大重载接口read的加载机制多库共存第二章:核心机制jQuery的无new构建剖析jQu
多库共存 jQuery.noConflict([ex]) HTML 5 标准属性 Previous Page Next Page HTML 标签拥有属性。您可以在每个标签的参考页中找到相应的特殊属性。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外...
jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...
多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name|pro|key,val|fn) removeAttr(name) prop(n|p|k,v|f) removeProp(name) CSS 类 addClass(class|fn) removeClass([class|fn]) toggleClass(class|...
多库共存 jQuery.noConflict([extreme]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class) removeClass([class]) toggleClass(class [, ...
多库共存 jQuery.noConflict([extreme]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class) removeClass([class]) toggleClass(class [, ...
在使用jQuery开发的时候,可能还会使用到其他的JS库,比如Prototype,但多库共存时可能会发生冲突,下面这篇文章主要给大家介绍了关于jQuery库冲突的完美解决办法,需要的朋友可以参考借鉴,下面来一起看看吧。