Difference between revisions of "JQuery"

From Media Design: Networked & Lens-Based wiki
Jump to navigation Jump to search
Line 6: Line 6:
 
</source>
 
</source>
  
Or to make all paragraphs of class "side" have a pink background:
+
Or to make all paragraphs of class "quote" have a pink background, and a larger text size:
 
<source lang="javascript">
 
<source lang="javascript">
$("p.side").css({background:  "pink"});
+
$("p.quote").css({background:  "pink", font-size: "larger"});
 
</source>
 
</source>
  

Revision as of 15:44, 26 July 2009

JQuery is a JavaScript popular framework. It smooths over many of the difficulties that traditionally made JavaScript hard to work with and supports / encourages a unique style of coding driven by CSS-selector based "queries". JQuery code can be surprisingly compact.

For example, to hide all the links (in anchor tags) on a page, you could simply write:

$("a").hide();

Or to make all paragraphs of class "quote" have a pink background, and a larger text size:

$("p.quote").css({background:  "pink", font-size: "larger"});

http://jquery.org