Hi, I'm rewriting my Mootools tree widget into jQuery. I would like to discuss API. 

Take a look at source data before:

And usage:

$('#tree').tree({ children: children });

And rendered HTML:

The issue I would like to resolve. Let's start with simple task. Create new node and inject it into root.

My OOP approach:

var rootNode = tree.getRoot();

var newNode = new Node({label: 'new node'});

rootNode.appendChild(newNode);

How jQuery approach should look like? Should I create another widget with name node? Or should I use pure jQuery? 

joern.zaefferer@googlemail.com said:

ok, so I'd add a new node:

var node = $("<li>text</li>").insertAfter(tree.find("li:last"));

tree.tree("refresh", node)

  

that way I can leverage the full jQuery API for selecting, traversing and manipulation

I suppose that approach of pure jQuery is to bloated. Any idea? Remember, that in OOP world, there is some base Node class, and tree, is actually RootNode, this child of base Node.