`
再逢山水
  • 浏览: 153727 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

解决JQuery和其他库共存

阅读更多
①jQuery在其他库加载之后

这种情况下,将使用JQuery.noConflict()函数来将$变量的控制权移交给其他JavaScript库。

例如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
<script type="text/javascript" src="./prototypes.js"></script>
<!--jQuery库在其他库加载之后-->
<script type="text/javascript" src="./JQuery.js"></script>
<!--通过noConflict函数-->
<script type="text/javascript">
//使用noConflict()方法
JQuery.noConflict();
JQuery(function(){
  JQuery("p").click(function(){
      alert(JQuery(this).text));
  });
});
</script>
</head>
<body>
<p>Hello World!</p>
</body>
</html>



②JQuery在其他库导入之前

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!--jQuery库在其他库加载之前-->
<script type="text/javascript" src="./JQuery.js"></script><
script type="text/javascript" src="./prototypes.js"></script>
<!--通过noConflict函数-->
<script type="text/javascript">
JQuery(function(){
 //直接使用jQuery对象,无需noConflict函数
  JQuery("p").click(function(){
      alert(JQuery(this).text());
  });
});
</script>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
分享到:
评论

相关推荐

    jquery ui库jquery ui库jquery ui库

    jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库

    JQuery与其他库的冲突

    解决了Jquery和其他库之间的冲突 第一种方式就是直接使用JQuery,第二种方法是通过返回值来,第三种方式把$号传入,第四种方式通过匿名方式将jquery传入

    jquery插件库(jquery.treeview插件库)

    jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....

    JQuery 最新组件库

    JQuery 最新组件库,有最新的JQuery的组件应用,是开发、学习的很好资料。

    jquery的各种库

    jquery库

    如何解决jQuery 和其他JS库的冲突

    通常,全局对象都被很好地存储在 jQuery 命名空间里,因此当把 jQuery 和其他 JavaScript 库(例如 Prototype、MooTools 或 YUI)一起使用时,不会引起冲突。 注意:默认情况下,jQuery 用 $ 作为自身的快捷方式。 1...

    JQuery1.3.1和1.3.2库

    JQuery1.3.1和1.3.2库!jquery现在是web开发必不可少的脚本!

    jQuery开发资源库

    运用jQuery时必须导入的jQuery库

    jquery源代码库

    最近搞了一下jquery,jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。

    jQuery与其他JS库或jQuery文件冲突解决方法

    本人亲测,本人网页有两个JS效果,用到了两个jQuery文件(一个是jquery.min.js,另一个是jquery.pack.js),可以两个冲突,只能保留一个。 但效果就只能有一个。我想两个都保留,于是就想了很多办法,查了很多资料,...

    JQuery跨域访问解决方案

    JQuery跨域访问解决方案 JQuery

    jQuery库及其相关实例

    jQuery库及其相关实例,jQuery库及其相关实例,jQuery库及其相关实例,jQuery库及其相关实例,jQuery库及其相关实例

    jquery-ui库

    jquery ui 库 api文档,源码

    jQuery用户界面库学习指南

    《jQuery用户界面库学习指南》书的源代码。

    jquery库文件

    jquery库文件jquery库文件jquery库文件

    cui组件 jquery组件库

    cui组件-web前端jquery组件库

    jQuery用户界面库

    Build highly interactive web applications with ready-to-use widgets from the jQuery User Interface library Chapter 1: Introducing jQuery UI Chapter 2: The CSS Framework Chapter 3: Tabs Chapter 4: The...

    jquery-1.8.3库

    最新轻量级的jQuery库,多学一点就少写一点代码!

    JQuery2.0库文件

    JQuery2.0库文件

    快速解决jQuery与其他库冲突的方法介绍

    通常,当在同一个页面上使用jQuery和其他库时,全局名称$的定义是最大的争论和冲突的焦点。众所周知,jQuery使用$作为jQuery名称的别名,并将其用于jQuery公开的每一个功能,但是其他库,最著名的就是Prototype,也...

Global site tag (gtag.js) - Google Analytics