学习jQuery中的noConflict()用法

198 阅读 0 评论 131 点赞

我是靠谱客的博主机智悟空，最近开发中收集的这篇文章主要介绍学习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中的noConflict()用法的全部内容，希望文章能够帮你解决学习jQuery中的noConflict()用法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。