slim-query is a lightweight jQuery alternative. If offers an extremely limited set of functions around basic DOM traversing and manipulation. Most interactions with slim-query offer the same syntax as jQuery.
Using slim-query mostly mirrors the jQuery API and is therefore very easy to pick up.
sq('.nav li').each((item)=>{
item = sq(item);
if(item.hasClass('current-nav-item')){
item.children('.sub-menu').show();
}
});
sq('.button').on('click', (event, item)=>{
event.preventDefault();
let target = sq(item).attr('data-target');
if (target !== null) {
target = sq(target);
if(target.length() > 0){
target.toggleClass('reveal');
}
}
});
SlimQuery.extend({
hello: function(){
console.log('Hello World');
}
}, true);
// Static API
SlimQuery.hello();
// Access static API through a SlimQuery Object
sq(document).api.hello();
let item = SlimQuery.generate('<div class="item">1</div>');
sq('body').append(item);
You can generate your own documentation by using npm install && npm run doc
. A doc folder will be generated in the package-root directory. The online Documentation can be found here: Online Dokumentation