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
noConflict()
メソッドは、変数 $ の制御を JSLite
に移し、2 つのライブラリ間の $ 競合を解決します。 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.noConflict()
と略語 を組み合わせることができます。 Ready code> を組み合わせてコードをよりコンパクトにします🎜rrreeeエイリアスを作成
🎜次のライブラリ JSLite
で使用する新しいエイリアスを作成します オブジェクト: 🎜rrreeeNew名前空間
🎜JSLite
を新しい名前空間に完全に移動しました: 🎜rrreee🎜結果: 🎜rrreee🎜
エイリアスを作成
🎜次のライブラリJSLite
で使用する新しいエイリアスを作成します オブジェクト: 🎜rrreeeNew名前空間
🎜JSLite
を新しい名前空間に完全に移動しました: 🎜rrreee🎜結果: 🎜rrreee🎜