联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

解析jQuery与其它js(Prototype)库兼容共存 - Web前端

作者:98wpeu发布时间:2026-06-17分类:网页前端技术浏览:5


导读:一、在运行这个函数后,可以恢复使用别名$,在这个函数的作用域中仍然将$作为JQuery的别名来使用。jQuerycode:复制代码代码如下:jquery.noConf...
一、在运行这个函数后,可以恢复使用别名 $ ,在这个函数的作用域中仍然将 $ 作为 JQuery 的别名来使用。
jQuerycode:
复制代码 代码如下:
jquery.noConflict();
(function($) {
  $(function() {
    // 使用 $ 作为 jquery 别名的代码
  });
})(JQuery);
// 基于其他库用 $ 作为别名的代码

二、在运行这个函数后,可以创建一个新的 jQuery 别名来替换原来的 jQuery 别名 $ 来使用。
jQuery Code:
复制代码 代码如下:
var j = jQuery.noConflict();
// 使用新别名 jQuery 的代码
j("div p").hide();
// 基于其他库用 $ 作为别名的代码
$("content").style.display = 'none';

注意:这个函数必须在你导入 jQuery 文件之后,并且在导入另一个导致冲突的库之前使用。

标签:WebPrototypejsjQuery


网页前端技术排行
最近发表
网站分类
标签列表