JSLite - 핵심 메소드


궁금하신 점이 있으시면 이런 곳에서 소통하셔도 좋고, 공동개발을 위해 JSLite.io 조직팀에 합류하셔도 좋습니다!

$()

선택기는 브라우저와 함께 제공되는 document.querySelectorAll 인터페이스를 사용하고 표준 CSS 선택기를 지원하며 jQuery 작성자 John Resig가 개발한 DOM 선택기 엔진(Dom Selector Engine)을 사용하지 않습니다. 현재 IE8/9 및 Firefox/Chrome/Safari/Opera의 최신 버전에서는 이미 querySelectorAll을 지원합니다.
$(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

noConstrict

noConstrict() 메서드는 $ 변수 제어를 JSLite로 전송하여 두 라이브러리 간의 $ 충돌을 해결합니다.
이 메서드는 $ 변수에 대한 JSLite의 제어를 해제합니다. 🎜이 방법을 사용하여 JSLite 변수에 대한 새로운 사용자 정의 이름을 지정할 수도 있습니다. 🎜

일반

var dom = {};
dom.jslite = JSLite.noConflict(true);

원래 개체로 다시 매핑

🎜$에서 참조하는 개체를 원래 개체로 다시 매핑: 🎜
dom.jslite("div p").hide();  // 新 JSLite 的代码
$("content").style.display = "none";    // 另一个库 $() 的代码
JSLite("div > p").hide();   // 另一个版本 JSLite 的代码

별칭 사용 복원< /h3>🎜 별칭 $ 사용으로 되돌린 다음 이 범위에서 여전히 $JSLite로 사용하는 함수를 만들고 실행합니다. 사용할 함수 별칭입니다. 이 함수에서는 원래 $ 개체가 유효하지 않습니다. 이 기능은 다른 라이브러리에 의존하지 않는 대부분의 플러그인에 매우 효과적입니다. 🎜rrreee

약어

🎜 JSLite.noConstrict()를 약어 와 결합할 수 있습니다. 코드를 더 간결하게 만드는 준비 조합🎜rrreee

별칭 만들기

🎜다음 라이브러리 JSLite에서 사용할 새 별칭 만들기 개체: 🎜rrreee

New 네임스페이스

🎜 JSLite를 새 네임스페이스로 완전히 이동했습니다: 🎜rrreee🎜결과: 🎜rrreee🎜