@zenoo/light-query v1.2.6

LightQuery - 10 times smaller than jQuery (90kB => 9kB)

This is a complete rewrite of the well-known jQuery library.

Every method has been rewritten or replaced by another method.

Doc

See the documentation for more

• Installation

Simply import light-query.min.js into your HTML by downloading it or using a CDN.

<script src="https://gitcdn.link/repo/Zenoo/LightQuery/master/light-query.min.js"></script>	

• Usage

• Initialize your object like you would in jQuery using $:

$(selector[, context])

// Example
let elements = $('yo.ur[selec="tor"]');
let elementsWithContext = $('yo.ur[selec="tor"]', section);

• If you need to wait for the document to be loaded, use:

$(() => {
  // The document is loaded here
});

// OR

$(function(){
  // The document is loaded here
});

• The LightQuery object extends the native Array object, so you can use all of its methods/properties.

// Examples
$('p').length;
$('p')[0];
$('p').map(...);

• Methods

The full API documentation is available on https://zenoo.github.io/LightQuery/.

• .add()
• .addClass()
• .after()
• .append()
• .appendTo()
• .before()
• .blur()
• .children()
• .clone()
• .closest()
• .css()
• .detach()
• .each()
• .empty()
• .eq()
• .filter(callback) The callback follows function(item, index){ ... }
• .first()
• .get()
• .has()
• .hasClass()
• .height()
• .hide()
• .html()
• .index()
• .insertAfter()
• .insertBefore()
• .is()
• $.ajax() Uses AjaxSender
• $.get() $.ajax() shorthand for simple GET requests
• $.insert()
• .last()
• .next()
• .nextAll()
• .not()
• .off()
• .offset()
• .parent()
• .parents()
• .prepend()
• .prependTo()
• .prev()
• .prevAll()
• .remove()
• .removeAttr()
• .removeClass()
• .replaceAll()
• .replaceWith()
• .scrollLeft()
• .scrollTop()
• .serialize()
• .serializeArray()
• .show()
• .siblings()
• .slice()
• .text()
• .toggle()
• .toggleClass()
• .trigger()
• .unwrap()
• .val()
• .width()
• .wrap()
• .wrapAll()

• Not included

  • .addBack() Use more appropriate selectors instead
  • .ajaxComplete() Use $.ajax() instead
  • .ajaxError() Use $.ajax() instead
  • .ajaxSend() Use $.ajax() instead
  • .ajaxStart() Use $.ajax() instead
  • .ajaxStop() Use $.ajax() instead
  • .ajaxSuccess() Use $.ajax() instead
  • .andSelf() Use more appropriate selectors instead
  • .animate() Use CSS3 animations instead
  • .change() Use .on('change') or .trigger('change') instead
  • .clearQueue() There is no queue
  • .click() Use .on('click') or .trigger('click') instead
  • .data() Use .attr('data-...') instead
  • .dblclick() Use .on('dblclick') or .trigger('dblclick') instead
  • .delay() Use setTimeout() or CSS3 animations instead
  • .delegate() Use .on() instead
  • .dequeue() There is no queue
  • .die() Use .off() instead
  • .end() Use another query instead
  • .error() Use .on('error') instead
  • .fadeIn() Use classes and CSS transitions instead
  • .fadeOut() Use classes and CSS transitions instead
  • .fadeTo() Use classes and CSS transitions instead
  • .fadeToggle() Use classes and CSS transitions instead
  • .finish() Use CSS3 animations instead
  • .focus() Use .on('focus') or .trigger('focus') instead
  • .focusin() Use .on('focusin') instead
  • .focusout() Use .on('focusout') instead
  • .hover() Use .on('mouseenter') and .on('mouseleave') instead
  • .innerHeight() Use .height() instead
  • .innerWidth() Use .width() instead
  • $.each() Use for ... of or .forEach() instead
  • $.extend() Use Object.assign() instead
  • $.fn.extend() Use _$.prototype.XXX instead
  • $.getJSON() Use $.ajax() instead
  • $.getScript() Use $.ajax() instead
  • $.globalEval() Use proper coding instead
  • $.post() Use $.ajax() instead
  • .queue() There is no queue
  • .keydown() Use .on('keydown') or .trigger('keydown') instead
  • .keypress() Use .on('keypress') or .trigger('keypress') instead
  • .keyup() Use .on('keyup') or .trigger('keyup') instead
  • .live() Use .on() instead
  • .load() Use $.ajax() and .html() instead
  • .mousedown() Use .on('mousedown') or .trigger('mousedown') instead
  • .mouseenter() Use .on('mouseenter') or .trigger('mouseenter') instead
  • .mouseleave() Use .on('mouseleave') or .trigger('mouseleave') instead
  • .mousemove() Use .on('mousemove') or .trigger('mousemove') instead
  • .mouseout() Use .on('mouseout') or .trigger('mouseout') instead
  • .mouseover() Use .on('mouseover') or .trigger('mouseover') instead
  • .mouseup() Use .on('mouseup') or .trigger('mouseup') instead
  • .nextUntil() Use better queries instead
  • .offsetParent() Why would you ever need this
  • .one() Use .on() and .off() instead
  • .outerHeight() Use .height() and .css() instead
  • .outerWidth() Use .width() and .css() instead
  • .parentsUntil() Use .parents() and .not() instead
  • .prevUntil() Use better queries instead
  • .promise() There is no queue
  • .prop() Use .attr() instead
  • .pushStack() There is no stack
  • .queue() There is no queue
  • .ready() Use $(function(){ ... }) or $(() => { ... }) instead
  • .removeData() Use .removeAttr() instead
  • .removeProp() Use .removeAttr() instead
  • .resize() Use .on('resize') or .trigger('resize') instead
  • .scroll() Use .on('scroll') or .trigger('scroll') instead
  • .select() Use .on('select') or .trigger('select') instead
  • .size() Use .length instead
  • .slideDown() Use classes and CSS transitions instead
  • .slideToggle() Use classes and CSS transitions instead
  • .slideUp() Use classes and CSS transitions instead
  • .stop() Use CSS3 animations instead
  • .submit() Use .on('submit') or .trigger('submit') instead
  • .toArray() Use .get() instead
  • .triggerHandler() Use .trigger() instead
  • .unbind() Use .off() instead
  • .undelegate() Use .off() instead
  • .unload() Use .on('unload') instead
  • .wrapInner() Use .children().wrapAll() instead

Authors

• Zenoo - Initial work - Zenoo.fr