chimpanzees/jqlite

Tiny JavaScript DOM query library that uses pure CSS selectors

jqLite

Tiny JavaScript DOM query library that uses pure CSS selectors

---

Installation

npm install jqlite --save

or

bower install kilt-jqlite --save

---

Main Object

jqlite object ($)

  // starting by '<' returns a collection of DOM nodes from this code
  // result: [<HTMLElement>]
  $('<div class="foo">bar</div>');

  // also accepts several objects at root level
  // result: [<HTMLElement>, <HTMLElement>]
  $('<div class="foo">bar</div><div class="bar">foo</div>');

  // jqlite selectors returns collection by accepting pure css selectors
  // jQuery uses sizzlejs to parse selectors
  $('#some-id');
  $('.some-class');
  $('#wrapper .item');

Main Methods

• ready()

Relative Queries

• get()
• eq()
• first()
• last()
• find()
• closest()

missing docs:

• prev()

• prevAll()

• next()

• nextAll()

• parent()

• children()

Handling Classes

• addClass()
• removeClass()
• toggleClass()

Moving DOM Elements

missing docs:

• append()

• prepend()

• before(content)

• after(content)

• wrap()

• replaceWith()

• detach()

• remove()

Getters / Setters

• val()

• html()

• text()

• contents()

• prop()

• attr()

• removeAttr()

• data()

• removeData()

• empty()

Miscelanea

• clone() - clone events not yet supported
• css()

Event Methods

• on() - Does not support namespaces, selectors or eventData

• off() - Does not support namespaces or selectors

• one() - Does not support namespaces or selectors

• trigger() - Does not support selectors

• click()

• focus()

• blur()

• submit()

collection: jqlite object returned by a query and find/filter like functions