Git Product home page Git Product logo

ender-quarky's Introduction

Ender-Quarky 0.4.25

Ender-Quarky is not maintained anymore in favor of quarky for quark

Ender-Quarky is a DOM utility designed to work with ender. It aims to be small and only handles common tasks.

$('#foo').html("<p>I'm a new paragraph!</p>").css('color','red').addClass('bar');

Here's the complete API:

  • css(name) : get a CSS property
  • css(name,value) : set a CSS property
  • css(object) : set a CSS property list
  • getComputedStyle(name,clean) : returns the computed style of one node, the name must be hyphenated (CSS syntax), if you want to have a number as the returned value set clean to true (optional)
  • html() : get HTML contents
  • html(string) : set HTML contents
  • text() : get text contents
  • text(string) : set text contents
  • attr(name) : get an attribute
  • attr(name,value) : set an attribute
  • data() : get the node's data attribute list
  • data(name) : get a data attribute
  • data(name,value) : set a data attribute
  • data(object) : set a data attribute list
  • val() : get the value
  • val(string) : set the value
  • append(node) : append a node to the container
  • prepend(node) : prepend a node to the container
  • before(node) : add a node before it
  • after(node) : add a node after it
  • remove() : remove the node
  • parent() : get the parent node
  • previous() : get the previous node
  • next() : get the next node
  • children() : get node's children
  • addClass(string) : add a class
  • removeClass(string) : remove a class
  • hasClass(string) : verify if the class exist for that node
  • width() : get the width
  • width(value) : set the width (shortcut to css('width',value))
  • height() : get the height
  • height(value) : set the height (shortcut to css('height',value))
  • top() : get the top offset
  • top(value) : set the top offset (shortcut to css('top',value))
  • bottom() : get the bottom offset
  • bottom(value) : set the bottom offset (shortcut to css('bottom',value))
  • left() : get the left offset
  • left(value) : set the left offset (shortcut to css('left',value))
  • right() : get the right offset
  • right(value) : set the right offset (shortcut to css('right',value))
  • scrollTop() : get the scrollTop property
  • scrollTop(value) : set the scrollTop property
  • scrollLeft() : get the scrollLeft property
  • scrollLeft(value) : set the scrollLeft property
  • clone() : clone the node
  • on(event,callback) : add one or a list of events (like change mouseout click); return true to propagate the event

License

Ender-Quarky is published under the MIT license.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.