JQuery: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
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