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
$("#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

noConflict() transfère le contrôle de la variable $ à JSLite pour résoudre le conflit $ entre les deux bibliothèques.
Cette méthode libère le contrôle de 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 : 🎜rrreee

Abréviation

🎜Vous pouvez combiner JSLite.noConflict() avec l'abréviation combinaison prête pour rendre le code plus compact🎜rrreee

Créer un alias

🎜Créer un nouvel alias à utiliser dans la prochaine bibliothèque JSLite Objet : 🎜rrreee

Nouveau espace de noms

🎜Complètement déplacé JSLite vers un nouvel espace de noms : 🎜rrreee🎜Résultat : 🎜rrreee🎜