<?xml version="1.0" encoding="UTF-8"?><rss version="0.92">
<channel>
	<title>Relax Breath of Solution.</title>
	<link>http://www.beasrilankan.com</link>
	<description>Just I wanted.. Do you?...</description>
	<lastBuildDate>Thu, 29 Sep 2011 07:38:25 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	<!-- generator="WordPress/3.1" -->

	<item>
		<title>jQuery creating custom animations</title>
		<description><![CDATA[&#60;HTML&#62; &#60;HEAD&#62; &#60;TITLE&#62; jQuery creating custom animations &#60;/TITLE&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;https://ajax.googleapis.com/ ajax/libs/jquery/1.4.2/jquery.min.js&#34;&#62;&#60;/script&#62; &#60;/HEAD&#62; &#60;BODY&#62; &#60;div id=&#34;clickme&#34; &#62; &#60;font color=&#34;red&#34;&#62; Click here &#60;/font&#62; &#60;/div&#62; &#60;img id=&#34;book&#34; src=&#34;http://ampersandtr.eweb101.discountasp.net/ img/tm/co/SK/SIGIRAYA/Places%20To%20Visit%20In%20Sri%20Lanka%201.jpg&#34; alt=&#34;&#34; width=&#34;200&#34; height=&#34;223&#34; style=&#34;position: relative; left: 10px;&#34; /&#62; &#60;script&#62; $('#clickme').click(function() { $(&#34;#targetDiv&#34;).hide(); $('#book').animate({ opacity : 0.25, left : '+=50', height : 'toggle' }, 5000, function() { // Animation [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/jquery-creating-custom-animations/</link>
			</item>
	<item>
		<title>jQuery fading elements in and out</title>
		<description><![CDATA[Fading elements in and out &#60;html&#62; &#60;head&#62; &#60;style&#62; ul { margin-left: 20px; color: blue; } li { cursor: default; } span { color: red; } &#60;/style&#62; &#60;script src=&#34;jquery-1.4.2.js&#34;&#62;&#60;/script&#62; &#60;/head&#62; &#60;h3&#62;&#60;font color=&#34;red&#34;&#62;Hover on any element to see effect&#60;/font&#62;&#60;/h3&#62; &#60;body&#62; &#60;ul&#62; &#60;li&#62;Cake&#60;/li&#62; &#60;li&#62;Pastries&#60;/li&#62; &#60;li class='fade'&#62;Patties&#60;/li&#62; &#60;li class='fade'&#62;Noodles&#60;/li&#62; &#60;/ul&#62; &#60;script&#62; $(&#34;li&#34;).hover(function() { $(this).append($(&#34;&#60;span&#62;&#60;&#60;&#60; &#60;/span&#62;&#34;)); }, function() { $(this).find(&#34;span:last&#34;).remove(); [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/jquery-fading-elements-in-and-out/</link>
			</item>
	<item>
		<title>jQuery hiding and showing elements on the page &#8211; arguments.callee</title>
		<description><![CDATA[&#60;body&#62; &#60;button id=&#34;hideBtn&#34;&#62;Hide&#60;/button&#62; &#60;button id=&#34;showBtn&#34;&#62;Show&#60;/button&#62; &#60;div&#62; &#60;span&#62;jQuery&#60;/span&#62; &#60;span&#62;is&#60;/span&#62; &#60;span&#62;easy&#60;/span&#62; &#60;span&#62;to&#60;/span&#62; &#60;span&#62;use&#60;/span&#62; &#60;span&#62;and&#60;/span&#62; &#60;span&#62;gives&#60;/span&#62; &#60;span&#62;dynamic output..&#60;/span&#62; &#60;/div&#62; &#60;script&#62; $(&#34;#hideBtn&#34;).click(function () { $(&#34;span:last-child&#34;).hide(&#34;fast&#34;, function () { // use callee so don't have to name the function /*It then hides those spans it found. The second argument to hide is a callback after the animation. That callback goes [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/jquery-hiding-and-showing-elements-on-the-page-arguments-callee/</link>
			</item>
	<item>
		<title>jQuery event helpers</title>
		<description><![CDATA[.live() This method attach a handler to the event for all elements which match the current selector, now or in the future. Example : Following code binds the click event to all paragraphs. And add a paragraph to another clicked paragraph : Click me! $("p").live("click", function(){ $(this).after(" Another paragraph! "); }); .die( ) This method [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/jquery-event-helpers/</link>
			</item>
	<item>
		<title>jQuery working with CSS(CSS Manipulation)</title>
		<description><![CDATA[.css( ) This method get the CSS style property of the first matched element.. Example : $("div").click(function () { var color = $(this).css("background-color"); $("#result").html("That div is " + color + "."); }); Above code display the color code of the clicked &#8216;div&#8217; . .height( ) This method get the height of the first matched element. [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/jquery-working-with-csscss-manipulation/</link>
			</item>
	<item>
		<title>jQuery inserting content(DOM Insertion)</title>
		<description><![CDATA[.unwrap( ) The .unwrap() method removes the element&#8217;s parent from the matched set .It leaves the matched element at their place. Example : $(&#8220;p&#8221;).unwrap(); This script removes the parent of &#8216;p&#8217;. .wrap( wrappingElement ) This method wrap the html wrapping element around each of the matched elements. The &#8216;wrapedElement &#8216; may be div, span etc. [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/jquery-inserting-contentdom-insertion/</link>
			</item>
	<item>
		<title>jQuery manipulating attributes</title>
		<description><![CDATA[Manipulating CSS class attribute You can manipulate CSS class attribute using following methods : .addClass() You can add any css class to filtered elements through this method. Example : Following code add selected css class to last paragraph : $("p:last").addClass("selected"); .hasClass() Using this method , you can check any of the matched elements have provided [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/jquery-manipulating-attributes/</link>
			</item>
	<item>
		<title>jQuery Tree traversal</title>
		<description><![CDATA[.children() This method get a set of elements containing all of the unique immediate children of each of the matched set of elements. Example : $(&#8220;div&#8221;).children(&#8220;.selected&#8221;).css(&#8220;color&#8221;, &#8220;blue&#8221;); It finds all children with a class &#8220;selected&#8221; of each div. .closest( ) This method get a set of elements containing the closest parent element that matches the [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/jquery-tree-traversal/</link>
			</item>
	<item>
		<title>Traversing through filtering</title>
		<description><![CDATA[Traversing through filtering Finding element by filtering has following methods : METHOD DESCRIPTION EXAMPLE . eq() Find Elements by index $(&#8220;li&#8221;).eq(2).addClass(&#8220;drop&#8221;); .filter() The filter( selector ) method can be used to filter out all elements from the set of matched elements that do not match the specified selector(s). $(&#8220;li&#8221;).filter(&#8220;.middle&#8221;).addClass(&#8220;drop&#8221;); .first() Reduce the set of matched [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/traversing-through-filtering/</link>
			</item>
	<item>
		<title>Form Element Selector</title>
		<description><![CDATA[: button Selector This type of selector is used to select all input buttons plus all button elements. Example : $(&#8220;:button&#8221;).css({background:&#8221;yellow&#8221;, border:&#8221;3px red solid&#8221;}); It changes the color and border of all buttons. : checkbox Selector It selects all the element of type checkbox. Example : $(&#8220;form input: checkbox&#8221;).wrap(&#8216;&#8216;).parent().css({background:&#8221;yellow&#8221;, border:&#8221;3px red solid&#8221;}); It select all [...]]]></description>
		<link>http://www.beasrilankan.com/2011/09/form-element-selector/</link>
			</item>
</channel>
</rss>

