Question

Normally I would create an element in jQuery like this $('<div id="errors" class="red"></div>')

Can I create an element given a selector using something like $.create("div#errors.red")? Where that would return a jQuery object representing a div with the id of errors and the class of red?

Answer 1

What you mean is Zen Coding like DOM creation. You can find the syntax of zen coding on the zen coding google project page.

Usage would be:

1. download and add the zen-0.1.a.js file and add it to your homepage

2. add this function to your project

var zen = function(input) {
  return jQuery(zen_coding.expandAbbreviation(input, 'html', 'xhtml'));
};

3. create jQuery dom with:

var dom = zen('div#id.class');
$('body').append(dom);