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
$(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()
메서드는 $ 변수 제어를 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()
를 약어 와 결합할 수 있습니다. 코드를 더 간결하게 만드는 준비 code> 조합🎜rrreee별칭 만들기
🎜다음 라이브러리 JSLite
에서 사용할 새 별칭 만들기 개체: 🎜rrreeeNew 네임스페이스
🎜 JSLite
를 새 네임스페이스로 완전히 이동했습니다: 🎜rrreee🎜결과: 🎜rrreee🎜
별칭 만들기
🎜다음 라이브러리JSLite
에서 사용할 새 별칭 만들기 개체: 🎜rrreeeNew 네임스페이스
🎜JSLite
를 새 네임스페이스로 완전히 이동했습니다: 🎜rrreee🎜결과: 🎜rrreee🎜