Docs
Everything You Need to Know
DOM
Intro
ChocolateChip-UI has its own DOM selector engine which provides identical functionality to jQuery. ChocolateChip-UI's DOM engine is quite a bit smaller than jQuery's. This is because it is targetting modern browsers.
- var element = $(selector)
- $(function)
- $(markup)
- $.html(markup)
- element.find(selector)
- element.is(selector)
- element.not(selector)
- element.has(selector)
- element.prev(selector?)
- element.prevAll(selector?)
- element.next(selector?)
- element.nextAll(selector?)
- element.first()
- element.last()
- element.index(element?)
- element.children(selector?)
- element.siblings(selector?)
- element.parent()
- element.closest(selector)
- element.css(property)
- element.css(property, value)
- element.width()
- element.height()
- element.before(content)
- element.after(content)
- element.prepend(content)
- element.append(content)
- element.prependTo(selector)
- element.appendTo(selector)
- element.clone(true?)
- element.wrap(markup)
- element.unwrap()
- element.offset()
- element.position()
- element.empty()
- element.html(content)
- element.html()
- element.text(content)
- element.text()
- element.remove()
- element.replaceWith()
- element.addClass(className)
- element.hasClass(className)
- element.removeClass(className)
- element.toggleClass(className)
- element.attr(property)
- element.attr(property, value)
- element.removeAttr(property)
- element.prop(property)
- element.prop(property, value)
- element.removeProp(property)
- element.disable().
- element.enable()
- element.val(value)
- element.val()
- element.hide()
- element.show()
- element.data(key, value)
- element.data(key)
- element.removeData(key)
- element.on(event, callback, type)
- element.on(event, element, callback, type)
- element.off(event, callback, type)
- element.off(event, element, callback, type)
- element.trigger(event)
- element.serializeArray()
- element.serialize()
- element.eq(index)
- element.push(element)
- element.pop()
- element.unshift(element)
- element.shift()
- element.each(callback)
- element.slice()
- element.splice()
- element.filter(callback)
- element.map(callback)
- element.every(callback)
- element.some(callback)
- element.unique()
- element.get()
- element.length
- element[0]
ChocolateChip-UI also has the following DOM functions that are unique to it:
- $(selector).iz()
- $(selector).iznt()
- $(selector).haz()
- $(selector).haznt()
- $(selector).hazClass()
- $(selector).hazntClass()
- $(selector).hazAttr()
- $(selector).hazntAttr()
- $(selector).disable()
- $(selector).enable()
- $(selector).forEach()
For more useful functions, check out the documentation for utilities.