手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >让jQuery与其他JavaScript库并存避免冲突的方法
让jQuery与其他JavaScript库并存避免冲突的方法
摘要:为了解决jQuery和其他JavaScript库中$()函数的冲突,需要取消jQuery的$()函数,为此jQuery提供了如下方法:复制代...

为了解决jQuery和其他JavaScript库中$()函数的冲突,需要取消jQuery的$()函数,为此jQuery提供了如下方法:

复制代码 代码如下:

//取消jQuery中的$()函数

jQuery.noConflict() ;

将上面的粗体字代码放在JavaScript代码的第一行,这行代码就会取消jQuery的$()函数

注:其实只是取消了jQuery()函数的$()别名,因此我们依然可以使用jQuery来代替原来的$()。

除此之外,多次重复书写jQuery()也是很烦琐的事情,jQuery还允许开发者为jQuery()指定自己的别名,如下代码所示:

复制代码 代码如下:

<body>

<div id="lee"></div>

<script type="text/javascript" src="../jquery-1.10.2.js">

</script>

<script type="text/javascript">

//给jQuery()函数指定别名为lee

var lee = jQuery.noConflict() ;

var target = lee("#lee")

target.html("我要学习JQuery")

.height(60)

.width(160)

.css("border" , "2px solid black")

.css("background-color" , "#ddddff")

.css("padding" , 20) ;

</script>

</body>

【让jQuery与其他JavaScript库并存避免冲突的方法】相关文章:

简述JavaScript中正则表达式的使用方法

JavaScript中this关键字使用方法详解

JavaScript中的small()方法使用详解

jQuery获得字体颜色16位码的方法

简介JavaScript中的getUTCFullYear()方法的使用

javascript动态创建链接的方法

javascript无刷新评论实现方法

JavaScript判断数组是否包含指定元素的方法

javascript验证邮件地址和MX记录的方法

jquery实现图片左右切换的方法

精品推荐
分类导航