<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/main.xsl"?>
<b:blog xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://blog.othree.net"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://blog.othree.net http://blog.othree.net/blooog.xsd">
	<b:blogTitle>O3noBLOG</b:blogTitle>
	<b:blogDescription></b:blogDescription>
	<b:entries>
		<b:entriesMeta>
			<b:listType>s</b:listType>
			<b:listData listID="000328" baseName="jquery">jQuery</b:listData>

			<b:previous>
				<b:mTitle>SmackBook Pro 快速切換桌面</b:mTitle>
				<b:mDate>2006/05/27</b:mDate>
				<b:mBase>smackbook-pro</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>Levels of</b:mTitle>
				<b:mDate>2006/06/03</b:mDate>
				<b:mBase>levels-of</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000328" baseName="jquery">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2006-05-31</b:date>
				<b:time>22:21:30</b:time>
			</b:datetime>
			<b:category>script</b:category>

			<b:CommentsAccepted>1</b:CommentsAccepted>



			<b:PingsAccepted>1</b:PingsAccepted>


			<b:title>jQuery</b:title>
			<b:content>
				<b:summary> jQuery New Wave Javascript，要說這是什麼我還有點不會說呢，基本上他是一個javascript的lib，可以幫助你用更簡單的方式撰寫javascript，和Yahoo! UI算是同一類的東西，不過他更偏程式碼的部份，Yahoo! UI則是各方面都有，看需求include進來。jQuery的程式碼我覺得更好用，下面是一個簡單的範例： $(&quot;p.surprise&quot;).addClass(&quot;ohmy&quot;).show(&quot;slow&quot;); 最前面的(&quot;p.surprise&quot;)是一個利用CSS選擇器來對文件內元素做選取的動作，事實上，他還支援XPath和DOM，後面則是一些內建好的prototype function，雖然提供的不多，不過都很實用，通常也不會再需要其他function了，如果有需要，還可以自己寫plugin，感覺上真是完美XD。有寫javascript的人大概已經感覺的到上面這一行所表現的方便度了，更棒的是他程式碼只有10k，而且支援IE、Fx、Safari、Opera，使用的方法除了官網上的說明文件外，另外有一個15 days Of jQuery，裡面介紹了一些不錯的用法，有興趣的人也可以參考看看。...</b:summary>
				<b:mainContent><p><a href="http://jquery.com/"> jQuery New Wave Javascript</a>，要說這是什麼我還有點不會說呢，基本上他是一個javascript的lib，可以幫助你用更簡單的方式撰寫javascript，和<a href="http://developer.yahoo.com/yui/">Yahoo! UI</a>算是同一類的東西，不過他更偏程式碼的部份，Yahoo! UI則是各方面都有，看需求include進來。jQuery的程式碼我覺得更好用，下面是一個簡單的範例：</p>



<pre><code>$(&quot;p.surprise&quot;).addClass(&quot;ohmy&quot;).show(&quot;slow&quot;);</code></pre>



<p>最前面的<code>(&quot;p.surprise&quot;)</code>是一個利用CSS選擇器來對文件內元素做選取的動作，事實上，他還支援XPath和DOM，後面則是一些內建好的prototype function，雖然提供的不多，不過都很實用，通常也不會再需要其他function了，如果有需要，還可以自己寫plugin，感覺上真是完美XD。有寫javascript的人大概已經感覺的到上面這一行所表現的方便度了，更棒的是他程式碼只有10k，而且支援IE、Fx、Safari、Opera，使用的方法除了官網上的<a href="http://jquery.com/docs/">說明文件</a>外，另外有一個<a href="http://15daysofjquery.com/">15 days Of jQuery</a>，裡面介紹了一些不錯的用法，有興趣的人也可以參考看看。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>
			<b:comments commentCount="6">

				<b:comment commentID="001231" entryID="000328">
					<b:author>
						<b:authorName>Jacky</b:authorName>
						<b:authorEmail>jackysee@gmail.com</b:authorEmail>
						<b:authorUrl>http://jacky.seezone.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-06-01</b:date>
						<b:time>03:23:33</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>jQuery 相當有趣，其 chainable method 可以將碼寫得很簡單。其 css selector 再配上 custom method 真的很有效用。</p>

<p>不過，我也覺得 Yahoo UI 做得很不錯，例如其 event 裏就做了很多 scope correction、event listener、可 pass object、隨時可以取得鼠標位置等等。</p>

<p>當然，也有很多人使用的 prototype 和 scriptaculous ，但是這兩個 lib 都相當大份。反不及 jQuery 的細少和 Yahoo! UI 的「需要」時才用。</p>

<p>另外 dojo 看上去也很完善，有完整的 include 系統，不同的 utitility 分類，可是就是缺 documentation。</p>

<p>結果... 就是很難取捨選擇~~</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="001724" entryID="000328">
					<b:author>
						<b:authorName>s.w.pollux</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://jmyth.blogspot.com</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-08-28</b:date>
						<b:time>15:50:06</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>呵呵，看样子都在关注jquery呀</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="003526" entryID="000328">
					<b:author>
						<b:authorName>Beata</b:authorName>
						<b:authorEmail>nahoyabe@gmail.com</b:authorEmail>
						<b:authorUrl>http://blog.nahoya.com</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-10-04</b:date>
						<b:time>23:49:41</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>恩～jquery 真的好方便</p>

<p>雖然沒有獲取視窗座標的 method<br />
但是 jQuery FX 裡的 iutil.js 有獲取座標的基本類別。</p>

<p>我覺得這兩個搭配在一起才算個完整的 jQuery<br />
</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="003527" entryID="000328">
					<b:author>
						<b:authorName>Beata</b:authorName>
						<b:authorEmail>nahoyabe@gmail.com</b:authorEmail>
						<b:authorUrl>http://blog.nahoya.com</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-10-04</b:date>
						<b:time>23:50:44</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>抱歉，初來乍到，不知道連結不轉換 0口0</p>

<p>jQuery FX<br />
<a href="http://interface.eyecon.ro/download" rel="nofollow">http://interface.eyecon.ro/download</a></p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="012028" entryID="000328">
					<b:author>
						<b:authorName>Later</b:authorName>
						<b:authorEmail>later13@hotmail.com</b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-02-25</b:date>
						<b:time>04:05:31</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>之前用moo.fx的, 回去再來試試jQuery~... ^^</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="034179" entryID="000328">
					<b:author>
						<b:authorName>小胖</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2008-01-24</b:date>
						<b:time>00:18:32</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>您好我剛接觸jquery<br />
請問 jQuery FX 裡的 iutil.js 怎麼獲取座標？<br />
可以說明一下嗎<br />
我是想看看jquery有沒有 滑鼠點下去取得座標方法<br />
</p></b:mainContent>
					</b:content>
				</b:comment>

			</b:comments>
			<b:trackbacks trackbackCount="0" trackbackURL="http://othree.net/cgi-bin/mt/mt-tb.cgi/327">

			</b:trackbacks>
		</b:entry>
	</b:entries>
</b:blog>