Home

C<=head1 >[](https://larukedi.github.io/laroux.js/) ## Guides - **Basic documentation** (you're here) - [Feature demonstrations](https://larukedi.github.io/laroux.js/) - [Frequently asked questions](https://larukedi.github.io/laroux.js/faq.html) - [Code snippets](https://larukedi.github.io/laroux.js/snippets.html) - [Benchmark results](https://larukedi.github.io/laroux.js/benchmarks.html) - [Releases and changelogs](https://github.com/larukedi/laroux.js/releases) ## Base Components * [Ajax](ajax) * [Date](date) * [Deferred](deferred) * [Events](events) * [Helpers](helpers) * [Storyboard](storyboard) * [Templates](templates) * [Types](types) * [Timers](timers) * [Vars](vars) * [When](when) ## Web Components * [Anim](anim) * [CSS](css) * [DOM](dom) * [Forms](forms) * [Keys](keys) * [MVC](mvc) * [Routes](routes) * [Touch](touch) ## Sample Usage

$l.ready(function() {
    var buttons = $l(['.confirm-action']);

    $l.css.setProperty(buttons, 'background-color', 'crimson');
    $l.dom.setEvent(
        buttons,
        'click',
        function(event, element) {
            if (!confirm('Are you sure to do it?')) {
                return false; // cancel event
            }
        }
    );
});