jQuery与其他JS库共存

* 事件

* jQuery与其他JS库共存
* 调用jQuery.noConflict()方法
* 表示jQuery将"$"符号的使用权交出
* 通过两种方式将"$"找回
* 第一种
jQuery(function($){// 函数域
// function中定义形参"$"
$("ul>li");
});
* 第二种
(function($){// 函数域
$("ul>li");
})(jQuery);
* 说明
* 从jQuery出现之后,jQuery中使用"$"符号的用法,很多JS库效仿
* 注意
* 并不是所有JS库都使用了"$"符号
* 事件的绑定与解绑 - bind()与unbind()
* DOM 中绑定事件的几种方式
* <input type="button" onclick="">
* <script>
var username = document.getElementById();
username.onclick = function(){}
</script>
* <script>
var username = document.getElementById();
username.addEventListener("click",function(){});
</script>
* 说明
* 使用bind()与unbind()方法,可以实现动态绑定事件和解绑事件
* bind()绑定事件
* 绑定单个事件
* type - 设置当前绑定的事件名称
* fn - 当前绑定事件对应的处理函数
* 绑定多个事件
* type - 多个事件名称之间使用空格
* 例如click()用于简化bind("click")
* blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error
* unbind()
* 不传递任何参数 - 表示解绑所有事件
* 指定一个事件名称 - 表示解绑指定单个事件
* 指定多个事件名称 - 表示解绑指定多个事件
* 模拟事件 - trigger()

爱卡(深圳)管理有限公司

分享每一刻精彩

微信:iCafeYOJOY

微博:http://weibo.com/iCafeYOJOY

官网:www.icafe.im

时间: 2024-12-29 05:47:23

jQuery与其他JS库共存的相关文章

jQuery与其他JS库冲突解决

实际开发中遇到JQuery与其他js库起冲突 究其原因,是它们的全局对象定义冲突了,特别是变量”$”, 可重载$函数.使用jQuery.noConflict()就可以通过重载$函数 例:项目中应用的 <script type="text/javascript" src="js/mootools.js"></script> <script type="text/javascript">         jQuer

jquery和其他js库起冲突的解决方法

我以为jquery只会和其他js框架如(Dojo,Prototype,ExtJs)等发生冲突 今天用了一下My97DatePicker日历控件 当我同时引入jquery.js和/My97DatePicker/WdatePicker.js时,出现错误,日历控件不可用 应该是js库发生冲突了 做了如下改动: var $j=jQuery.noConflict(); 以后用jquery的时候不再用$而是$j 这样问题就解决了.. 再分享一下我老师大神的人工智能教程吧.零基础!通俗易懂!风趣幽默!还带黄段

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

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

jQuery多库共存问题解决方法

一.问题概述: 1.随着jQuery的流行,采用jQuery和$符为命名空间的js库越来越多,当然jQuery的$符也是参照的Prototype库的,所以当多个库同时以$符或者jQuery为命名空间时,那么此时,就会产生冲突. 2.由于jQuery的更新速度过快,所以插件更不上,导致不同版本的jQuery对插件支持的不一样,而刚好我们此时需要用一个高版本的jQuery进行开发,我们用的z-tree则是低版本的jQuery,所以在这种场景下,则会产生$和jQuery命名空间冲突的问题 3.这里jQ

jQuery内置动画和多库共存

<!-- 淡入淡出: 不断改变元素的透明度来实现的 1. fadeIn(): 带动画的显示 2. fadeOut(): 带动画隐藏 3. fadeToggle(): 带动画切换显示/隐藏 --> jQuery动画本质 : 在指定时间内不断改变元素样式值来实现的 1. animate(): 自定义动画效果的动画 2. stop(): 停止动画 <!-- 滑动动画 1. slideDown(): 带动画的展开 2. slideUp(): 带动画的收缩 3. slideToggle(): 带动

jQuery插件扩展与多库共存

查看扩展写法 1.工具类扩展 2.对象方法扩展 /* 扩展jQuery的工具方法 : $.extend(object) min(a, b) : 返回较小的值 max(c, d) : 返回较大的值 leftTrim() : 去掉字符串左边的空格 rightTrim() : 去掉字符串右边的空格 */ //正则 /* ^ 匹配字符串开始 \s 匹配空格 + 匹配一次或者多次 $ 匹配字符串的末尾 */ //扩展$ $.extend({ min: function (a, b) { return (a

222 jQuery 多库共存

? 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现,这种情况被称为,jQuery 多库共存. 语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&qu

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery多库共存处理$.noConflict()

如果我们需要同时使用jQuery和其他JavaScript库,我们可以使用 $.noConflict()把$的控制权交给其他库.旧引用的$ 被保存在jQuery的初始化; noConflict() 简单的恢复它们.    通过类似swap交换的概念,先把之前的存在的命名空间给缓存起来,通过对比当前的命名空间达到交换的目的,首先,我们先判断下当前的的$空间是不是被jQuery接管了,如果是则让出控制权给之前的_$引用的库,如果传入deep为true的话等于是把jQuery的控制权也让出去了.