helix

jquery-like dom manipulation. Tiny (1kb minified & gzipped)

Installation

$ component install matthewmueller/helix

Tests

$ make clean && make
$ xdg-open test/test.html

API

Helix(el)

Create a Helix instance.

var $ = Helix(document.getElementById('person'));

$(selector)

Select an element.

$('.name')
$('#nav')

#[attr](val)

Get and set attributes that are on the selected element.

<input class="user" id="user" type="text" name="user">

$('.user').type('radio').name('person')
$('.user').type() // radio

#text(val)

Get and set text

$('.name').text('Matt')
$('.name').text() // Matt

#html(val)

Get and set HTML

$('.name').html('<strong>Matt</strong>')
$('.name').html() // <strong>Matt</strong>

#addClass(cls)

Add a class

$('.name').addClass('person')

#removeClass(cls)

Remove a class

$('.name').removeClass('person')

#toggle(cls)

Toggle a class

$('.name').toggle('person')

#attr(attr, val)

Get and set attribute that doesn't already exist

$('.name').attr('data-author', 'matt')

License

MIT