JSLite - kaedah teras
Jika anda mempunyai sebarang pertanyaan, anda dialu-alukan untuk berkomunikasi di tempat-tempat ini, dan anda dialu-alukan untuk menyertai pasukan organisasi JSLite.io untuk pembangunan bersama!
$()
Pemilih menggunakan antara muka document.querySelectorAll yang disertakan dengan penyemak imbas, menyokong pemilih CSS standard dan tidak menggunakan Enjin Pemilih DOM (Enjin Pemilih Dom) yang dibangunkan oleh pengarang jQuery John Resig. Pada masa ini, versi terkini IE8/9 dan Firefox/Chrome/Safari/Opera sudah menyokong querySelectorAll.
$(selector) //⇒ Pilih nod
$("") //⇒ Jana nod
$("htmlString") //⇒ Jana
JSLite(function($){ ... }) //⇒ Setara dengan ready
$(selector) //⇒ Pilih nod
$("") //⇒ Jana nod
$("htmlString") //⇒ Jana
JSLite(function($){ ... }) //⇒ Setara dengan ready
$("#box") //⇒ 返回节点数组 //⇒ [<div>…</div>] $("<div></div>") //⇒ 生成div节点 //JSLite(func) 相当于ready JSLite(function($){ console.log("在节点加载完成之后执行") }) //$(func) 相当于ready $(function($){ console.log("在节点加载完成之后执行") })
JSLite()
adalah sama dengan
$()
. Kaedah$()
相同。
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
noConflict()
memindahkan kawalan pembolehubah $ ke JSLite
untuk menyelesaikan konflik $ antara kedua-dua perpustakaan. JSLite
bagi pembolehubah $
. 🎜Kaedah ini juga boleh digunakan untuk menentukan nama tersuai baharu untuk pembolehubah JSLite
. 🎜Umum
var dom = {}; dom.jslite = JSLite.noConflict(true);
Peta kembali ke objek asal
🎜Peta objek yang dirujuk oleh$
kembali ke objek asal: 🎜dom.jslite("div p").hide(); // 新 JSLite 的代码 $("content").style.display = "none"; // 另一个库 $() 的代码 JSLite("div > p").hide(); // 另一个版本 JSLite 的代码
Pulihkan penggunaan alias< /h3>🎜Berbalik kepada menggunakan alias $
, dan kemudian buat dan laksanakan fungsi yang masih menggunakan $
sebagai JSLite
dalam skop ini alias fungsi untuk digunakan. Dalam fungsi ini, objek $
asal tidak sah. Fungsi ini sangat berkesan untuk kebanyakan pemalam yang tidak bergantung pada perpustakaan lain: 🎜rrreeeSingkatan
🎜Anda boleh menggabungkan JSLite.noConflict()
dengan singkatan siap code> gabungan untuk menjadikan kod lebih padat🎜rrreeeBuat alias
🎜Buat alias baharu untuk digunakan dalam pustaka seterusnya JSLite
Objek: 🎜rrreeeBaharu ruang nama
🎜Dialihkan sepenuhnya JSLite ke ruang nama baharu: 🎜rrreee🎜Hasil: 🎜rrreee🎜
Buat alias
🎜Buat alias baharu untuk digunakan dalam pustaka seterusnyaJSLite
Objek: 🎜rrreee