html(val), text(val), append(content) and the others

Question

Hi,

This question might sound subjective but I really do need to make a choise and in order for me to do that, I need some experienced voices.

Is there a resource, link or opinion that describes when and considering what issues to use the jquery's html(val), text(val) and append(content) for injecting content into an element?

are these comperable? or they are all designed for separate tasks?

regards,

kem

Answer 1

Well, html(val) replaces the html content, text(val) inserts text (not tags) always while append(val) appends html content to the existing html content. They are different features html(val) being the most powerfull.

Answer 2

text(val) == innerTEXT (only works on IE, so jQuery made it possible cross-browser)

html(val) == innerHTML (works like this DOM method)

append(val) == Node.appendChild

are these comperable?
well, you might compare in some cases html(val) to text(val),
but in some cases text() can't replace html().

or they are all designed for separate tasks?
Yes, they are designed for separate tasks, see some examples at visualjquery