<?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>遨遊飛翔 &#187; jQuery</title>
	<atom:link href="http://blog.shian.tw/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.shian.tw</link>
	<description>學習筆記 For php、jQuery、MySql、Centos、Suse、Server、CodeIgniter</description>
	<lastBuildDate>Sun, 09 Oct 2011 16:00:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://blog.shian.tw/?pushpress=hub'/>
		<item>
		<title>ajax upload uploadify</title>
		<link>http://blog.shian.tw/ajax-upload-uploadify.html</link>
		<comments>http://blog.shian.tw/ajax-upload-uploadify.html#comments</comments>
		<pubDate>Sun, 17 May 2009 16:00:02 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=305</guid>
		<description><![CDATA[uploadify是jQuery的一個 ajax upload plugin，並有檔案上傳進度條，非常簡單好用的一個 ajax upload plugin。 檔案 http://www.uploadify.com/ 範例 demo 使用： 1. 將下載解壓縮後的資料夾放入你要的位置 2. 載入 jquery &#38; uploadify plugin ?View Code HTML1 2 &#60;script src=&#34;js/jquery.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;script src=&#34;./jquery.uploadify.mit/jquery.uploadify.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; 3. 放置檔案上傳 ?View Code HTML1 &#60;input name=&#34;upload_file&#34; type=&#34;file&#34; id=&#34;file&#34; size=&#34;50&#34;/&#62; &#8230; <a href="http://blog.shian.tw/ajax-upload-uploadify.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/ajax-upload-uploadify.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Plugin Tabs</title>
		<link>http://blog.shian.tw/jquery-plugin-tabs.html</link>
		<comments>http://blog.shian.tw/jquery-plugin-tabs.html#comments</comments>
		<pubDate>Mon, 30 Mar 2009 09:30:22 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=280</guid>
		<description><![CDATA[&#160;&#160;&#160; 最近需要使用tabs(頁籤)的功能，原本是使用 jqueryUI 裡面所提供的tabs，但是一直覺得它實在是太肥大了， 使用它必須載入 ui.core.js(14KB) 、ui.tabs.js(19KB)，我只是要tabs功能而已卻要載入好肥大的javascript， 雖然可以在官網選擇這二個檔案並壓縮過後下載，但是也要19KB這麼大，所以...乾脆自己寫一個好囉 &#160; 範例 &#160; 檔案 badongo下載 (662Byte) &#160; 使用範例&#60;div name="tabs" style="width:500px;"&#62; &#60;ul&#62; &#60;li&#62;&#60;a href="fragment_1"&#62;頁籤1&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href="fragment_2"&#62;頁籤2&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href="fragment_3"&#62;頁籤3&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62; &#60;div id="fragment_1"&#62; 頁籤1頁籤1頁籤1頁籤1頁籤1頁籤1&#60;br/&#62; 頁籤1頁籤1頁籤1頁籤1頁籤1頁籤1頁籤1頁籤1 &#60;/div&#62; &#60;div id="fragment_2"&#62; 頁籤2頁籤2頁籤2頁籤2頁籤2頁籤2&#60;br/&#62; 頁籤2頁籤2頁籤2頁籤2頁籤2頁籤2頁籤2頁籤2 &#60;/div&#62; &#60;div id="fragment_3"&#62; 頁籤3頁籤3頁籤3頁籤3頁籤3頁籤3&#60;br/&#62; 頁籤3頁籤3頁籤3頁籤3頁籤3頁籤3頁籤3頁籤3 &#8230; <a href="http://blog.shian.tw/jquery-plugin-tabs.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-plugin-tabs.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery 手冊 – 選擇器(Selectors 1.2)</title>
		<link>http://blog.shian.tw/jquery-api-selectors.html</link>
		<comments>http://blog.shian.tw/jquery-api-selectors.html#comments</comments>
		<pubDate>Wed, 11 Mar 2009 14:31:09 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[works]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=223</guid>
		<description><![CDATA[把之前所寫的 Selectors 1.2 手冊，將它放進這blog裡，方便使用查詢 #id 說明 語法 範例 原始碼 以元素id做為選擇的條件 $('#id') &#60;div id="div_a">id=div_a&#60;/div> &#60;div id="div_b">id=div_b&#60;/div> &#60;div id="div_c">id=div_c&#60;/div> element 說明 語法 範例 原始碼 以元素做為選擇的條件 $('element') &#60;div id="div_a">id=div_a&#60;/div> &#60;div id="div_b">id=div_b&#60;/div> &#60;div id="div_c">id=div_c&#60;/div> .class 說明 語法 範例 原始碼 以類別(class)做為選擇的條件 $('.class') &#60;div id="div_a">id=div_a&#60;/div> &#60;div &#8230; <a href="http://blog.shian.tw/jquery-api-selectors.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-api-selectors.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>jQuery plugin- ClickMenu</title>
		<link>http://blog.shian.tw/jquery-plugin-clickmenu.html</link>
		<comments>http://blog.shian.tw/jquery-plugin-clickmenu.html#comments</comments>
		<pubDate>Wed, 05 Nov 2008 09:11:43 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=190</guid>
		<description><![CDATA[cliclmenu 是 jQuery 的plugin，它是很簡單好用的menu階層選單，這是原作者的 demo 相關文章ajax upload uploadify (0)jQuery Plugin Tabs (1)jQuery 手冊 – 選擇器(Selectors 1.2) (5)jQuery 手冊 – 選擇器(Selectors) (3)[小技巧] jQuery serialize (2)[Plugin] jQuery Autocomplete (2)]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-plugin-clickmenu.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 手冊 – 選擇器(Selectors)</title>
		<link>http://blog.shian.tw/jquery-manual-selectors.html</link>
		<comments>http://blog.shian.tw/jquery-manual-selectors.html#comments</comments>
		<pubDate>Fri, 29 Aug 2008 12:55:36 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[works]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=161</guid>
		<description><![CDATA[jQuery有個很好用也很強大的選擇器(selectors)‚利用它可以很簡單的抓取網頁上任何一個元素(element)來做一些dom動作‚為了方便查詢我做了手冊方便查詢使用‚此手冊是根據官方網站的文件做成‚該手冊裡面說明和範例都是我親手寫的‚歡迎使用查詢•  http://jquery.shian.tw/selectors.php 相關文章ajax upload uploadify (0)jQuery Plugin Tabs (1)jQuery 手冊 – 選擇器(Selectors 1.2) (5)jQuery plugin- ClickMenu (0)[小技巧] jQuery serialize (2)[Plugin] jQuery Autocomplete (2)]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-manual-selectors.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>[小技巧] jQuery serialize</title>
		<link>http://blog.shian.tw/jquery_serialize.html</link>
		<comments>http://blog.shian.tw/jquery_serialize.html#comments</comments>
		<pubDate>Tue, 10 Jun 2008 18:40:22 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=54</guid>
		<description><![CDATA[以往使用ajax傳值給php時,都需要將每一個 input 的值抓出來寫成 &#8216;xxx=xxx&#38;xxx=xxx&#8217;, 現在jQuery 的 serialize 可以很簡單的達成,以下使用例子說明 &#60;input type=&#8217;text&#8217; name=&#8217;shian&#8216; id=&#8217;shian&#8217; value=&#8217;shian&#8216;/&#62; &#60;input type=&#8217;text&#8217; name=&#8217;john&#8216; id=&#8217;john&#8217; value=&#8217;John&#8216;/&#62; &#60;input type=&#8217;text&#8217; name=&#8217;boston&#8216; id=&#8217;boston&#8217; value=&#8217;Boston&#8216;/&#62; 使用: 利用jQuery的serialize來取得所有 input的type=&#8217;text&#8217;值 $("input[@type=text]").serialize(); &#60;= 此為 1.3版本以前的寫法 $("input[type=text]").serialize(); &#60;= 1.3版本後的寫法 結果: shian=shian&#38;john=john&#38;boston=Bostonn 相關文章ajax upload uploadify (0)jQuery Plugin &#8230; <a href="http://blog.shian.tw/jquery_serialize.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery_serialize.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>[Plugin] jQuery Autocomplete</title>
		<link>http://blog.shian.tw/plugin-jquery-autocomplete.html</link>
		<comments>http://blog.shian.tw/plugin-jquery-autocomplete.html#comments</comments>
		<pubDate>Mon, 05 May 2008 08:00:00 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=53</guid>
		<description><![CDATA[介紹: 這 jQuery-Plugin 功能是自動完成,類似gmail的輸入mail的地方,並可以使用方向鍵來選擇,並可以自定需要幾個自動完成數,另外使用該Plugin也相當簡單 準備: 1. 下載此 Autocomplete Pligin js &#38; css 2. 將該 Autocomplete Plugin js &#38; css 載入 使用: var data = new Array(); var option = { data:data, num:3, callback:function(v){ alert(v); } }; $(&#8216;#text&#8217;).AutoComplete(option); 註: data資料必須為一陣列 參數說明: &#8230; <a href="http://blog.shian.tw/plugin-jquery-autocomplete.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/plugin-jquery-autocomplete.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>jQuery 和 Prototype 同時使用</title>
		<link>http://blog.shian.tw/jquery-with-prototype.html</link>
		<comments>http://blog.shian.tw/jquery-with-prototype.html#comments</comments>
		<pubDate>Thu, 13 Sep 2007 08:00:00 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=40</guid>
		<description><![CDATA[本篇介紹如何將jQUery和Prototype同時並存使用,不過還是非常建議選一種使用比較好 // 第一種方法是直接使用 jQuery.noConflict()： jQuery.noConflict(); // 將Jquery的 $ 用 jQuery 代替 jQuery(document).ready(function(){ // jQuery code in here }); // 第二種方法是賦值給一個簡短的名字: var $j = jQuery.noConflict(); // 將Jquery的 $ 用 $j 代替 $j(document).ready(function(){  // jQuery code in here }); // 第三種方法，通過傳遞$給ready函數參數作為參數，就可以在ready的參數funcion中使用$： jQuery.noConflict(); &#8230; <a href="http://blog.shian.tw/jquery-with-prototype.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-with-prototype.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Attributes 筆記</title>
		<link>http://blog.shian.tw/jquery-attributes.html</link>
		<comments>http://blog.shian.tw/jquery-attributes.html#comments</comments>
		<pubDate>Tue, 11 Sep 2007 08:19:09 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=38</guid>
		<description><![CDATA[本篇文章是我在jquery官網看的說明文件的筆記,介紹如何用jquery取值的一些方法 ?View Code JS@addClass( class ) // 在節點裡加入class = &#34;selected&#34; // 移除 : removeClass( class ). $(&#34;p&#34;).addClass(&#34;selected&#34;) &#160; @attr( name ) // 取得&#60;img src=&#34;test&#34; alt=&#34;&#34; /&#62; 裡的src值 // before : &#60;img src=&#34;test.jpg&#34; alt=&#34;&#34; /&#62; // Result : test.jpg $(&#34;img&#34;).attr(&#34;src&#34;); &#160; &#8230; <a href="http://blog.shian.tw/jquery-attributes.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-attributes.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Selectors 筆記</title>
		<link>http://blog.shian.tw/jquery-selectors.html</link>
		<comments>http://blog.shian.tw/jquery-selectors.html#comments</comments>
		<pubDate>Thu, 06 Sep 2007 07:01:15 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=37</guid>
		<description><![CDATA[本篇文章是我在jQuery官網文件筆記,介紹幾個比較常用抓取物件節點的語法 // CSS &#38; DOM // 節點控制 // $(" ") &#60;= 節點名 // .hide() &#60;= 隱藏 // .show() &#60;= 顯示 // p[a] &#60;= 在 節點裡的所有 $("p[a]").hide(); // p:eq(0) &#60;= 在 節點中的第0個 從0開始計算 $("p:eq(0)").show(); // div:visible &#60;= 所有現在顯示的 DIV $("div:visible").hide(); // &#8230; <a href="http://blog.shian.tw/jquery-selectors.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-selectors.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>jQuery Core 筆記</title>
		<link>http://blog.shian.tw/jquery-core.html</link>
		<comments>http://blog.shian.tw/jquery-core.html#comments</comments>
		<pubDate>Sun, 12 Aug 2007 19:30:43 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=25</guid>
		<description><![CDATA[本篇文章內容是我在jquery官網看的說明文件的筆記 說明: //在裡加入一段 html code $( html ) //html code 例: $(" Hello ").appendTo("body") 說明: //在裡加入 Hello $( elems ) // 節點 說明: //取得html 任一節點 例: $(document.body).css( "background", "black" ); 說明: //將 加入 css ("background", "black") 例: $( myForm.elements ).hide(); &#8230; <a href="http://blog.shian.tw/jquery-core.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-core.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 基本介紹</title>
		<link>http://blog.shian.tw/jquery-base.html</link>
		<comments>http://blog.shian.tw/jquery-base.html#comments</comments>
		<pubDate>Sat, 04 Aug 2007 20:03:18 +0000</pubDate>
		<dc:creator>shian</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.shian.tw/?p=34</guid>
		<description><![CDATA[簡介: jQuery是一套強大的javascript lib,它可以利用簡單及簡短的語句做出很多效果, 像是ajax dom css 都可以很簡單的使用 基本使用介紹: 注意:下面所講的只是基本的使用介紹,往後會慢慢介紹詳細一點 一. 啟用jquery 注意:所有的jQuery程式碼必須些在這裡面 a. $(document).ready(function(){ 將jQuery 程式碼寫在這 }); b. $(function(){ 將jQuery 程式碼寫在這 }); 說明:可以使用a或b的方法開始使用jQuery 二. 利用jQuery 抓取ID或NAME 的物件 注意:此為不是完整的句子,只是先說明抓取id或name的方式,必須搭配後面事件使用 a. $("a") 說明:此為抓取所有的&#60;a&#62;&#60;/a&#62;物件,可以為$("p")&#8230;之類的 b. $("#div_id") 說明:此為抓取指定的ID c. $("input[@name:xxx]") 說明:此為抓取名為xxx的input物件,物件可以為radio或checked&#8230;之類的 d. $("input[@type=checkbox]") 說明:此為抓取type=checkbox的物件 &#8230; <a href="http://blog.shian.tw/jquery-base.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://blog.shian.tw/jquery-base.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

