jQuery学习笔记(六)

jQuery学习笔记(六)

如何在项目中同时使用jquery和其他类库。

noConflict()

noConflict() 的作用是避免 $ 和其他类库冲突。

noConflict()会释放对 $ 标识符的控制,这样其他脚本就可以使用它了。

实例:

1
2
3
4
5
6
$.noConflict();
jQuery(document).ready(function() {
jQuery("button").click(function() {
jQuery("p").text("jQuery 仍然在工作!");
});
});

也可以创建自己的缩写,noConflict()可返回对 jQuery 的引用,可以把它存入变量,以供稍后使用。

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

如果你的jQuery代码块使用 $ 简写,并且您不愿意改变这个快捷方式,那么您可以把 $ 符号作为变量传递给ready方法。这样就可以在函数内使用 $ 符号了,而在函数外,依旧不得不使用 jQuery

1
2
3
4
5
6
$.noConflict();
jQuery(document).ready(function($) {
$("button").click(function() {
$("p").text("jQuery 仍然在工作!");
});
});

评论