fancynodebuilder.jquery.js

// FancyNodeBuilder

$ = (function(jquery) {
  
  function jqueryWithFancyTagBuilder() {
    if (arguments.length == 1 && isTagBuilderString(arguments[0]))
      return jquery(compileTag(arguments[0]));
    else
      return jquery.apply(null, arguments);
  }
  
  var builderPattern = /^%(.+?)(#.+?)?(\..+?)?$/;

  function isTagBuilderString(obj) {
    return typeof  obj === 'string' && builderPattern.test(obj);
  }
  
  function compileTag(str) {
    var match = str.match(builderPattern);
    var tag = match[1], id = match[2], classes = match[3];
    id = id ? ' id="' + id.slice(1,id.length) + '"' : '';
    classes = classes ? ' class="' + classes.slice(1,classes.length).split('.').join(' ') + '"' : '';
    return '<'+tag+id+classes+'>';
  }
  
  jquery.compileTag = compileTag; // for testing
  jquery.extend(jqueryWithFancyTagBuilder,jquery);
  return jqueryWithFancyTagBuilder;
})($);

$('%div#foo.bar.baz') // compiles to: 
$('<div id="foo" class="bar baz">');