finds the union of all div tags with class attribute test and all p tags with CSS class attribute quote, adds the class attribute blue to each matched element, and then slides them down with an animation

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"> </script> <script> $(document).ready(function(){ $("button").click(function () { $("div.test").add("p.quote").addClass("blue").slideDown("slow"); }); }); </script> <style type="text/css"> .test {color:red; border: 1px solid green;} .other {color:black; border: 1px solid grey;} .blue {background-color:blue; color:white; } </style> </head> <body> <button>Test me</button> <div class="test" style="display:none;">Div with 'test' class</div> <p>Paragraph without class</p> <p class="quote">An other paragraph with 'quote' class</p> <br/><br/> <div class="other">Div with 'other' class</div> <p>Paragraph without class</p> <p>An other paragraph with 'quote' class</p> <p>Hello Paragraph</p> <p>Good Bye Paragraph</p> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself