jQuery删除CSS样式？

Question

I'm tying to troubleshoot a problem with my css. I have the following div tag:

<div class="span1" id="progress-indicator" style="text-align:left; border:2px solid #000;">&nbsp;</div>

Later on in my script section of the code, I do something like this:

 $('#progress-indicator').html("saving changes....");

When you use the html() method, is it only changing the space between the opening / closing div tags or does it change the attributes of the div tag? I'm asking because once this jquery is called, the size of the div seems bigger than a span1 div should be.

Thanks.

Answer 1

The jQuery documentation only mentions that the content is affected: http://api.jquery.com/html/

I quote: "Description: Set the HTML contents of each element in the set of matched elements."

An example of the jquery documentation:

$('div.demo-container')
    .html('<p>All new content. <em>You bet!</em></p>');

That line of code will replace everything inside :

<div class="demo-container">
  <p>All new content. <em>You bet!</em></p>
</div>

I set up an example: http://jsfiddle.net/caZtd/

Now if you click the progress-indicator div and you inspect the element before and after clicking (with firebug in firefox of the chrome developer tools), you will see that there is no difference in the html markup whatsoever.