Qatrix

High performance

More native and highly optimized function to speed up the experience

Easy-to-learn

Familiar what you used and learnt before with flexible and friendly code

Light and powerful

5KB gzipped file size with 60+ useful functions

$tag($('wrap'), 'div', function (item)
{
	$html(item, 'some value');
});

$hide($('element_id'));

$hide([
	$('element_id_1'),
	$('element_id_2'),
	$('element_id_3')
], 500);

$hide($class($('element_id'), 'some_class'), 500);

// Qatrix selector ($, $id, $class, $tag, $dom, $select)
// ↓
$tag($('wrap'), 'div', function (item)
{
	// All Qatrix functions are named with $ as prefix
	// |
	// |     The first argument of some Qatrix functions are the matched DOM element itself
	// ↓    ↓
	$html(item, 'some value');
});

// Hide an element
$hide($('element_id'));

// Hide elements animationally
$hide([
	$('element_id_1'),
	$('element_id_2'),
	$('element_id_3')
], 500);

// Hide elements with targeted class name animationally
$hide($class($('element_id'), 'foo'), 500);