Return first element matching css selector pattern (on a node).
$ = (p, node) ->
node ?= document
node.querySelector p
Return all matching elements.
$$ = (p, node) ->
node ?= document
node.querySelectorAll p
Return array of all matches.
$$ = (p, node) ->
node ?= document
selection = node.querySelectorAll p
Array::slice.call selection
Use this just like you would jquery.
$("div")
$("#id")
$(".class")
$$('#container li')
$$("#large:nth-child(even)")
$("#id").getAttribute 'data-fruit'
$('input').getAttribute 'name'
$('#box').classList.add 'wrap'
$('#box').classList.remove 'wrap'
$('#box').classList.toggle 'wrap'
notice = $("#notice")
notice.classList.add "modal-visible"
notice.classList.remove "modal-visible"
notice.classList.toggle "modal-visible"