<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>arkinEx Codex &#187; jquery</title>
	<atom:link href="http://www.arkinex.com/contains/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.arkinex.com</link>
	<description>the place where all my code can be viewed</description>
	<lastBuildDate>Wed, 04 Nov 2009 20:39:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>jQuery Javascript Framework</title>
		<link>http://www.arkinex.com/javascript/frameworks/11/jquery-121/</link>
		<comments>http://www.arkinex.com/javascript/frameworks/11/jquery-121/#comments</comments>
		<pubDate>Wed, 28 Nov 2007 22:08:53 +0000</pubDate>
		<dc:creator>arkin</dc:creator>
				<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.arkinex.com/javascript/frameworks/11/jquery-121/</guid>
		<description><![CDATA[Recently I tried to take my knowledge of Javascript to a new level, because, on the whole, it was pretty dire. Whilst looking into new techniques and reading tutorials I came across some useful Javascript frameworks, specifically, jQuery, which caught my attention immediately. Why did i pick jQuery? jQuery is a fast, concise, JavaScript Library [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/resources/images/jquery-icon.png" alt="jQuery icon" align="right" border="0" height="18" hspace="10" vspace="7" width="80" />Recently I tried to take my knowledge of Javascript to a new level, because, on the whole, it was pretty dire.</p>
<p>Whilst looking into new techniques and reading tutorials I came across some useful Javascript frameworks, specifically, <strong>jQuery</strong>, which caught my attention immediately.</p>
<p><span id="more-11"></span></p>
<h2>Why did i pick jQuery?</h2>
<blockquote><p>jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. <strong>jQuery is designed to change the way that you write JavaScript.</strong></p></blockquote>
<p>There are a few reasons why jQuery caught my eye:</p>
<ul>
<li>Easy to understand and pick up/learn.</li>
<li>Minimalistic in size and functions.</li>
<li>Great documentation (and examples).</li>
<li>Plugins archive to die for.</li>
</ul>
<h3>Easy to understand and pick up/learn.</h3>
<p>When comparing jQuery to the other frameworks (such as prototype/scriptaculous/ext). I found jQuery very easy to understand, it has great documentation on every function and the function names relate to what they are actually doing.</p>
<p>An Example:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;p.surprise&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ohmy&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">show</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;slow&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>This would change the paragraph html element with class=suprise to class=&#8221;surpise ohmy&#8221;.</p>
<p>If there were any height, width, opacity differences, it would alter them slowly.</p>
<p>Not only are the functions incredibly easy to understand and learn, but they implement well together.</p>
<h3>Minimalistic in size and functions.</h3>
<p>When you download jQuery (1.2.1), you have 3 download options:</p>
<ul>
<li><a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.1.min.js">jQuery for production use</a> @ 14Kb (Minified and gzipped)</li>
<li><a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.1.js">jQuery for development and testing</a> @ 77Kb (Uncompressed)</li>
<li><a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.1.pack.js">jQuery for non-gzip users</a> @ 26Kb (Packed)</li>
</ul>
<p>For the first option, it would take a standard user less than a second to load the jQuery library when visiting your site, even if they were 56K it would only take around 2.8 seconds, which is not bad considering it takes alot longer to load the average image.</p>
<h3>Great documentation (and examples)</h3>
<p>When i first starting learning and trying to understand jQuery, the functions and methods of using them were not sticking in my head, so I frequently had the <a href="http://docs.jquery.com/">jQuery API Documentation</a> open which has great tutorials, examples and demonstrations to help you understand where you are going wrong and how certain features are supposed to operate.</p>
<h3>Plugins archive to die for</h3>
<p>At my last count, the <a href="http://jquery.com/plugins/">jQuery Plugins directory</a> had just over 500 plugins in 20 categories. Not only that, but each one of the plugins comes unpacked meaning you can edit the code to suit your needs.</p>
<p>This was the best feature i probably found because i could see how other users had implemented jQuery to their own requirements and i could also take a look at their code to understand the jQuery framework further.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.arkinex.com/javascript/frameworks/11/jquery-121/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
