手册
目录
收藏504
分享
阅读9498
更新时间2022-04-11
如有疑问欢迎到这些地方交流,欢迎加入JSLite.io组织团伙共同开发!
$("#box") //⇒ 返回节点数组 //⇒ [<div>…</div>]
$("<div></div>") //⇒ 生成div节点
//JSLite(func) 相当于ready
JSLite(function($){
console.log("在节点加载完成之后执行")
})
//$(func) 相当于ready
$(function($){
console.log("在节点加载完成之后执行")
})
与
$()相同。
noConflict() 方法让渡变量 $ 的 JSLite 控制权,解决俩库之间的$冲突。
该方法释放 JSLite 对 $ 变量的控制。
该方法也可用于为 JSLite 变量规定新的自定义名称。
$.noConflict();
JSLite(document).ready(function($) {
// 使用 JSLite $ 的代码
});
// 使用其他库的 $ 的代码
将 $ 引用的对象映射回原始的对象:
JSLite.noConflict();
JSLite("div p").hide(); // 使用 JSLite
$("content").style.display = "none"; // 使用其他库的 $()
恢复使用别名 $,然后创建并执行一个函数,在这个函数的作用域中仍然将 $ 作为 JSLite 的别名来使用。在这个函数中,原来的 $ 对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效:
JSLite.noConflict();
(function($) {
$(function() {
// 使用 $ 作为 JSLite 别名的代码
});
})(JSLite);
... // 其他用 $ 作为别名的库的代码
可以将 JSLite.noConflict() 与简写的 ready 结合,使代码更紧凑
JSLite.noConflict()(function(){
// 使用 JSLite 的代码
console.log($("div"))
});
创建一个新的别名用以在接下来的库中使用 JSLite 对象:
var j = JSLite.noConflict();
j("#box").hide(); // 基于 JSLite 的代码
$("content").style.display = "none"; // 基于其他库的 $() 代码
完全将 JSLite 移到一个新的命名空间:
var dom = {};
dom.jslite = JSLite.noConflict(true);
结果:
dom.jslite("div p").hide(); // 新 JSLite 的代码
$("content").style.display = "none"; // 另一个库 $() 的代码
JSLite("div > p").hide(); // 另一个版本 JSLite 的代码
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.3万人学习
共29课时
61.9万人学习
共25课时
39.5万人学习
共43课时
71.2万人学习
共25课时
61.8万人学习
共22课时
23.1万人学习
共28课时
34.1万人学习
共89课时
125.7万人学习