Skip to content
Lightweight jQuery alternative
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
assets/css
docs
.eslintrc.json
.gitignore
CHANGELOG.md
LICENSE
README.md
_config.yml
index.md
light-query.js
light-query.min.js
package.json

README.md

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 extend 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

You can’t perform that action at this time.