<?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>Programming Ideas, Logics, Tips and Tricks &#187; manipulation</title>
	<atom:link href="http://www.sajithmr.me/tag/manipulation/feed" rel="self" type="application/rss+xml" />
	<link>http://www.sajithmr.me</link>
	<description></description>
	<lastBuildDate>Mon, 23 Jan 2012 15:44:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>JQuery &#8211; Play with html</title>
		<link>http://www.sajithmr.me/jquery-play-with-html</link>
		<comments>http://www.sajithmr.me/jquery-play-with-html#comments</comments>
		<pubDate>Tue, 02 Jun 2009 23:23:00 +0000</pubDate>
		<dc:creator>Mr Me</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[webworld]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[manipulation]]></category>
		<category><![CDATA[style]]></category>

		<guid isPermaLink="false">http://www.sajithmr.com/?p=430</guid>
		<description><![CDATA[Start jquery for manipulating html file and execute javascript just like sql queries. Simply pointer the dom object with a $  and manipulate with different built in function. For example  $(&#8220;p.neat&#8221;).addClass(&#8220;ohmy&#8221;).show(&#8220;slow&#8221;); Don&#8217;t need to write javascript inside each node. It is like prototyping. Insted of adding an onClick=&#8221;function()&#8221; inside the node, jquery define the onclick [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sajithmr.com/wp-content/uploads/2009/06/jquery-logo.png"><img class="alignnone size-full wp-image-426" title="jquery-logo" src="http://www.sajithmr.com/wp-content/uploads/2009/06/jquery-logo.png" alt="" width="190" /></a></p>
<p>Start jquery for manipulating html file and execute javascript just like sql queries.</p>
<p>Simply pointer the dom object with a $  and manipulate with different built in function.</p>
<p>For example </p>
<p><span style="color: #008000;">$(&#8220;p.neat&#8221;).addClass(&#8220;ohmy&#8221;).show(&#8220;slow&#8221;);</span></p>
<p>Don&#8217;t need to write javascript inside each node. It is like prototyping. Insted of adding an onClick=&#8221;function()&#8221; inside the node, jquery define the onclick function from the top level. Your html code will be clean and tidy. If CSS removes all the styling bits, Jquery removes all the javascript bits from html.</p>
<p>You can remap every default action from an html object.</p>
<p>For example normally when you click a link  (&lt;a&gt; tag) it navigate you through the href value. But if you add the jquery code as below:</p>
<pre>$(document).ready(function(){
   <strong>$("a").click(function(event){
     alert("Thanks for clicking!");
   });</strong>
 })</pre>
<pre>It adds a thanks alert for every click in links.</pre>
<pre>and if you add :</pre>
<pre>
<pre><strong>event.preventDefault();</strong></pre>
<pre><strong>It prevents the default action also.</strong></pre>
<pre><strong>You can go to JQuery homepage: <a href="http://jquery.com/">http://jquery.com/</a></strong></pre>
<pre><strong>and can learn more about JQuery.</strong></pre>
<pre><strong>The intention of this post was not an explaination about jquery, but some addition website which develops addons based on jquery.</strong></pre>
<pre><strong>Those are:</strong></pre>
<pre><a href="http://jqueryui.com/">http://jqueryui.com/</a></pre>
</pre>
<pre>
<pre><strong><a href="http://jquerystyle.com/">jquerystyle.com/</a>
</strong></pre>
<pre><strong><a href="http://visualjquery.com/">visualjquery.com/</a>
</strong></pre>
<pre><strong><a href="http://15daysofjquery.com/">http://15daysofjquery.com/</a>
</strong></pre>
<pre><strong><a href="http://usejquery.com/">http://usejquery.com/</a>
</strong></pre>
<pre><strong>
</strong></pre>
<pre><strong><a href="http://blog.themeforest.net/?s=jquery">http://blog.themeforest.net/?s=jquery</a>
</strong></pre>
<pre><strong>Comment me if you know any other jquery websites.</strong></pre>
<pre><strong>Logging out</strong></pre>
<pre><strong>-Sajith</strong></pre>
<pre><strong></strong></pre>
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.sajithmr.me/jquery-play-with-html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

