0.1.1 • Published 9 years ago

jquery.html v0.1.1

Weekly downloads
1
License
-
Repository
-
Last release
9 years ago

jquery.html Build Status

This library is an extension for jQuery which allows writing HTML using Javascript or Coffeescript, reducing the visual pollution while creating elements dynamically.

Features

  • Build node trees using tag as methods.
  • Attributes and string content support.

Dependencies

  • jquery.js (>= 2.1.0)

Examples

Javascript DSL

$('body').$div(function() {
  this.$h1({id: "hello-world"}, "Hello World");
  this.$ul({class: "list"}, function() {
    this.$li("One");
    this.$li("Two");
    this.$li("Three");
  });
});

Coffeescript DSL

$('body').$div ->
  @$h1 id: "hello-world", "Hello World"
  @$ul class: "list", ->
    @$li "One"
    @$li "Two"
    @$li "Three"

Expected result

<body>
  <div>
    <h1 id="hello-word">Hello World</h1>
    <ul class="list">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
    </ul>
  </div>
</body>

License

Copyright (c) 2013-2014 Mateus Maso. Released under an MIT license.

0.1.1

9 years ago

0.1.0

10 years ago