JSLite - méthodes de base
Si vous avez des questions, vous êtes invités à communiquer dans ces lieux, et vous êtes invités à rejoindre l'équipe d'organisation de JSLite.io pour un développement commun !
$()
Le sélecteur utilise l'interface document.querySelectorAll fournie avec le navigateur, prend en charge les sélecteurs CSS standard et n'utilise pas le moteur de sélection DOM (Dom Selector Engine) développé par l'auteur de jQuery John Resig. Actuellement, les dernières versions d'IE8/9 et Firefox/Chrome/Safari/Opera prennent déjà en charge querySelectorAll.
$(selector) //⇒ Sélectionner un nœud
$("") //⇒ Générer un nœud
$("htmlString") //⇒ Générer
JSLite(function($){ ... }) //⇒ Équivalent à ready
$(selector) //⇒ Sélectionner un nœud
$("") //⇒ Générer un nœud
$("htmlString") //⇒ Générer
JSLite(function($){ ... }) //⇒ Équivalent à ready
$("#box") //⇒ 返回节点数组 //⇒ [<div>…</div>] $("<div></div>") //⇒ 生成div节点 //JSLite(func) 相当于ready JSLite(function($){ console.log("在节点加载完成之后执行") }) //$(func) 相当于ready $(function($){ console.log("在节点加载完成之后执行") })
JSLite()
est identique à
$()
. La méthode$()
相同。
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()
transfère le contrôle de la variable $ à JSLite
pour résoudre le conflit $ entre les deux bibliothèques. JSLite
sur la variable $
. 🎜Cette méthode peut également être utilisée pour spécifier de nouveaux noms personnalisés pour les variables JSLite
. 🎜Général
var dom = {}; dom.jslite = JSLite.noConflict(true);
Revenir à l'objet d'origine
🎜Mapper l'objet référencé par$
vers l'objet d'origine : 🎜dom.jslite("div p").hide(); // 新 JSLite 的代码 $("content").style.display = "none"; // 另一个库 $() 的代码 JSLite("div > p").hide(); // 另一个版本 JSLite 的代码
Restaurer l'utilisation de l'alias< /h3>🎜Revenir à l'utilisation de l'alias $
, puis créer et exécuter une fonction qui utilise toujours $
comme JSLite
dans le cadre de ceci alias de fonction à utiliser. Dans cette fonction, l'objet $
d'origine n'est pas valide. Cette fonction est très efficace pour la plupart des plug-ins qui ne s'appuient pas sur d'autres bibliothèques : 🎜rrreeeAbréviation
🎜Vous pouvez combiner JSLite.noConflict()
avec l'abréviation combinaison prête code> pour rendre le code plus compact🎜rrreeeCréer un alias
🎜Créer un nouvel alias à utiliser dans la prochaine bibliothèque JSLite
Objet : 🎜rrreeeNouveau espace de noms
🎜Complètement déplacé JSLite
vers un nouvel espace de noms : 🎜rrreee🎜Résultat : 🎜rrreee🎜
Créer un alias
🎜Créer un nouvel alias à utiliser dans la prochaine bibliothèqueJSLite
Objet : 🎜rrreeeNouveau espace de noms
🎜Complètement déplacéJSLite
vers un nouvel espace de noms : 🎜rrreee🎜Résultat : 🎜rrreee🎜