Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

56
CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
■ Tip The values returned are CSS shorthand properties. 3
An added bonus of jQuery is the ability to set CSS
properties using CSS shorthand, which doesn't work using basic JavaScript.
.text() and .html()
When dealing with the contents of an element, the .text() and .html() methods are used. The
difference between the two is that .html() will allow you to read out and insert new HTML tags into an
element, where .text() is for reading and writing text only.
If either of these methods is called on an element set with no arguments, the contents of the
element are returned. When a value is passed to the method, the existing value is overwritten, and the
new one put in its place.
To read the text out of the paragraph with ID bar, run the following code in the console:
$("#bar").text();
This captures all text (including whitespace) but ignores the span tag. The following is output:
>>> $("#bar").text();
"Paragraph with an id.
"
And this sentence is in a span.
To read everything out of the paragraph, including the span tag, use the following code:
$("#bar").html();
This results in the following:
>>> $("#bar").html();
"Paragraph with an id.
"
And this sentence is in a span.
Now, change the text by passing a value to the .text() method:
3 http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/