如有疑问欢迎到这些地方交流,欢迎加入JSLite.io组织团伙共同开发!
$()
选择器使用的是浏览器自带的方法的 document.querySelectorAll 接口,支持标准的 CSS 选择器,没有使用jQuery作者John Resig开发的DOM选择器引擎(Dom Selector Engine) Sizzle 。 目前 IE8/9及Firefox/Chrome/Safari/Opera 的最新版已经支持 querySelectorAll 。
$(selector) //⇒ 选择节点
$("") //⇒ 生成节点
$("htmlString") //⇒ 生成
JSLite(function($){ ... }) //⇒ 相当于ready
$(selector) //⇒ 选择节点
$("") //⇒ 生成节点
$("htmlString") //⇒ 生成
JSLite(function($){ ... }) //⇒ 相当于ready
$("#box") //⇒ 返回节点数组 //⇒ [<div>…</div>]
$("<div></div>") //⇒ 生成div节点
//JSLite(func) 相当于ready
JSLite(function($){
console.log("在节点加载完成之后执行")
})
//$(func) 相当于ready
$(function($){
console.log("在节点加载完成之后执行")
})JSLite()
与
$()相同。
noConflict
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 的代码- 文章导航