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])// Exampleletelements=$('yo.ur[selec="tor"]');letelementsWithContext=$('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