A small lightweight jquery like utility
<script type="text/javascript" src="http://codotronix.github.io/codelib/barix/v1.0.1/barix.min.js"></script>
-
bx(function () { /* Document is ready */ })
- Shorthand for window.onload / document.ready -
bx('selector')
orBarix.select(selector)
- Selects the elements matching the (css style) String "selector" -
bx('...').elems
- Returns an array of selected elements. (... = selector) -
bx('...').attr("attrName")
- Returns the value of the given attribute-name [for the 1st element only] -
bx('...').attr("key","value")
- Attribues can be passed as aJSON
object or a single (key,value) pair -
bx('...').css("styleName")
- Returns the value of the given style [for the 1st element only] -
bx('...').css("key","value")
- Style can be passed as aJSON
object or a single (key,value) pair -
bx('...').addClass("class1 class2")
- Adds the class(es) to the selected elements. (... = selector) -
bx('...').removeClass("class1 class2")
- Removes the class(es)..removeClass()
removes all classes -
bx('...').hasClass("class1 class2")
- Returnstrue
if all class(es) are present, else false -
bx('...').each(function(index){...})
- Do something for each selected element.index
is passed in each callback -
bx('...').html("... HTML Content ...")
- Adds/Overwrites HTML inside selected elements -
bx('...').append("... HTML Content ...")
- Appends HTML inside selected elements -
bx('...').remove()
- Removes selected element from DOM -
bx('...').text("... Some Text...")
- Adds/Overwrites texts to the selected elements -
bx('...').appendText("... Some Text...")
- Appends texts to the selected elements -
bx('...').on('event', callbackFunction)
- Adding Event Listeners / Binding events -
bx('...').on('event', '...', callbackFunction)
- Dynamic/Late binding of events and eventsHandlers -
bx('...').trigger('eventName')
- Triggers the given event on the selected elements -
Barix.addFunc("funcName", theFunction)
- Adds custom function to Barix, which can be called asbx(...).funcName()