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 nativeArray
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 followsfunction(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()
UsesetTimeout()
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()
Usefor ... of
or.forEach()
instead -
$.extend()
UseObject.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