学习jQuery中的noConflict()用法

 更新时间:2018年09月28日 11:57:41   投稿:laozhang  
在本篇文章中我们整理了关于学习jQuery中的noConflict()用法的相关知识点内容,有需要的朋友们可以学习下。

noConflict()

jQuery使用$符号,作为jQuery的简写

JavaScript框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Ember、Batman以及ExtJS等等

其中一些框架也使用$符号作为简写

如果,用的两种不同的框架,使用相同的简写符号,可能导致脚本停止运行

为此,jQuery提供了noConflict()方法

释放标识符

会释放对$标识符的控制

这样,其他脚本就可以使用了

$.noConflict();

全名代替

使用jQuery全名,代替简写$

jQuery(document).ready(function(){
 jQuery("button").click(function(){
  jQuery("p").text("jQuery 仍然在工作!");
 });
});

创建简写

可以创建自己的简写

noConflict()可以返回对jQuery的引用

把它存入一个变量,之后,使用这个变量,代替$

var jq = $.noConflict();
jq(document).ready(function(){
 jq("button").click(function(){
  jq("p").text("jQuery 仍然在工作!");
 });
});

参数传递

可以把$符号作为变量,传递给ready方法

这样,可以在函数内使用$符号,在函数外,不能使用$

$.noConflict();
jQuery(document).ready(function($){
 $("button").click(function(){
  $("p").text("jQuery 仍然在工作!");
 });
});

相关文章

  • jQuery操作cookie的示例代码

    jQuery操作cookie的示例代码

    这篇文章主要介绍了jQuery操作cookie的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • jQuery Mobile页面返回不需要重新get

    jQuery Mobile页面返回不需要重新get

    jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。这篇文章主要介绍了jQuery Mobile页面返回不需要重新get 的相关资料,需要的朋友可以参考下
    2016-04-04
  • jquery遍历checkbox介绍

    jquery遍历checkbox介绍

    这篇文章主要是对jquery遍历checkbox进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • jquery实现Li滚动时滚动条自动添加样式的方法

    jquery实现Li滚动时滚动条自动添加样式的方法

    这篇文章主要介绍了jquery实现Li滚动时滚动条自动添加样式的方法,实例分析了jquery响应鼠标事件及动态添加样式的相关技巧,需要的朋友可以参考下
    2015-08-08
  • jQuery菜单插件用法实例

    jQuery菜单插件用法实例

    这篇文章主要介绍了jQuery菜单插件用法,以一个实例形式较为详细的分析了jquery菜单插件的完整使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • jquery的Tooltip插件 qtip使用详细说明

    jquery的Tooltip插件 qtip使用详细说明

    qTip是一个基于JQuery的Tooltip插件。它几乎支持所有的主流浏览器。
    2010-09-09
  • jquery 插件学习(一)

    jquery 插件学习(一)

    jquery插件,有几种方法,有全局的,有对象方法的,一直觉得jquery插件迷迷糊糊,这阵子特地研究下,供那些像我一样的初学者借鉴下。嘻嘻
    2012-08-08
  • jQuery判断checkbox是否选中的小例子

    jQuery判断checkbox是否选中的小例子

    判断checkbox是否选中的方法有很多,不过都是大同小异,下面为大家介绍下使用jquery是如何做到的,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12
  • jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单

    jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单

    这篇文章主要介绍了jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单,可实现页面向下滑动后导航栏横向悬浮并固定在顶部的功能,涉及jQuery事件响应及页面元素属性动态修改相关操作技巧,需要的朋友可以参考下
    2016-09-09
  • JQuery中如何传递参数如click(),change()等具体实现

    JQuery中如何传递参数如click(),change()等具体实现

    有个需求让两个select中option相互转换,这个作业就是给几个按钮添加click()事件接下来为大家介绍下如何在click(),change()传递参数
    2013-04-04

最新评论