Hacker News Reader

Comment by jQueryIsAwesome | Hacker News Reader

No sense to include another library just to change the syntax a little bit

    $("<p>",{"class":"gretting",html:"Hellow World"}).appendTo("#helloWorld .output")

And you can also create hierarchy

    $("<p>",{"class":"gretting",html:
    	$("<a>",{href:"#",html:	
            $("<h1>",{html:"Hello World"})	
    	})
    }).appendTo("body")

Which looks disgusting but that is why template engines exist.

View on HN

Further more, what's wrong with chaining function calls? It makes the whole thing a lot easier to read.

    $("<p>")
        .addClass("greeting")
        .html("Hello World")
        .appendTo("#helloWorld .output")

And your second example:

    $("<p>")
        .addClass("greeting")
        .append(
            $("<span>")
                .html("Hello ")
                .append(
                    $("<a>")
                        .prop("href", "google.com")
                        .html("World")
                )
        )
        .appendTo("body");

It's just as verbose but much more readable.

Speed might be a godo reason for the more compact version, especially if you're doing this in a loop.

This made me wonder if there is a jQuery library that supports zen code, apparently there is: https://github.com/zodoz/jquery-ZenCoding

You took the words right out of my mouth.

Indeed. jQuery is awesome.

Reply on news.ycombinator.com