jQuery Example

Example A - Show the # of <strong> tags.

alert($("div.contentToChange strong").size());

Example B - Animate a paragraph with a slide animation.

Show / Hide

$("div.contentToChange p.firstparagraph:hidden")
.slideDown("slow"); 
$("div.contentToChange p.firstparagraph:visible")
.slideUp("slow");

Example C - Add/Remove text from the end of all <p> elements.

Show / Hide

$("div.contentToChange p:not(.alert)")
.append("<div class="addedtext">Added Text</div>")}); 
$("div.addedtext").remove();

Example D - Remove paragraph with fade and animation.

Show / Hide

$("div.contentToChange p.thirdparagraph").hide("slow");

Example E - Change the style of all <em> elements.

Show / Hide

$("div.contentToChange em")
.css({border:"1px dashed", fontSize:"larger"}); });
$("div.contentToChange em")
.css({border:"0px", fontSize:"smaller"}); });

Example F - Adding a class value.

Show / Hide

$("p.fifthparagraph").addClass("changeP"); 
$("p.fifthparagraph").removeClass("changeP");

Content to Change

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat . Ut wisi enim ad minim veniam , quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.