上班後每次到了午餐時間，為了善用短暫的休息時間來「補充自己空空的肚子」也同時「補充自己空空的腦袋」，這時買了午餐後同樣的坐回電腦前一邊吃飯，一邊上網看看一些新聞消息，但是又再次遇到雙手要同時張羅食物與滑鼠鍵盤的尷尬。所以，今天就要介紹一個最近我看到的免費線上服務：「Lunch Reader 上班族專用午餐閱讀器」，它可以自動播放新聞全文內容，來幫助我解決一「手」二用的煩惱。
電腦玩物Lunch Reader的介紹。不愧是專家，寫得比我精采多了XD
jQuery是很有名的Javascript Library，舊文中曾提到由於瀏覽器的各自為政，使得寫Javascript程式長久以來都很難讓人開心。幾年前Ajax成為顯學，在客戶與老闆的要求下，程式設計師更難避開這個燙手山芋了，此時各種解決方案紛紛崛起，jQuery也是其中之一。農曆年後我開始接觸Javascript與jQuery，這篇文章主要是把學習的過程分享出來，給其他有心學習jQuery的新手參考。
就像正規運算式(Regular Expression)的Pattern match一般，jQuery使用了CSS(Cascading Style Sheet)、XPath(XML Path Language)與自訂等三大類的選擇器(Selector)當做$( )函數的參數，讓我們由複製多樣的DOM結構裡，快速的找出符合樣式的要素。 使用選擇器的三個基本格式是：
jQuery選擇器的彙總
樂多優化插件是一個運用 jQuery 寫成的 Javascript 程式，其功能如下： * 增加邊欄折疊 * 增加書籤工具 * 增加圖形化導覽列 * 增加導覽列的透明功能 * 移除多餘字串「Posted by ... 」 * 修改引用標題與網址、回應標題與表格標籤等等
jQWebExt 是一個以 jQuery 為基礎的簡單 MVC pattern 及 plugins 元件架構的一個網頁開發框架。 它讓您能有效的分離 HTML 及 Javascript 程式，讓 HTML 設計者能接觸到最少的 Javascript 程式，並能有效的應用 Javascript 所開發出來的 plugins 元件於 HTML 之中。 也讓 jQuery plugins 能更容易的被使用。
在 2007/01 發表了 BloggerExt - jQuery Way 後，在眾多的回應及信件中，阿土伯發現了一件非常有趣的現象。 即始不懂 HTML / CSS / Javascript 的好朋友們，也都很勇敢且很有興趣的在設定及嘗試修改著他們的 Blogger，而他們其實已經在和 Javascript 打交道了。 這讓阿土伯有了導入這個觀念到專案團隊上的想法.........[刪]... 所以阿土伯將程式碼整理整理，放出來和大家分享，程式不大，主要在於觀念的應用。
功能簡介: 以目前 xuite_ext 0.1b 來說，它提供了大部份 Xuite Blog 所需的功能，且全部只要 3.3 KB，相當的短小精幹唷。 對於不需要所有功能的進階使用者，您可以選用進階安裝，只要 1.1KB。 * 可以隱藏 ##HIDEME## 的自定欄位，讓您輕鬆加入 javascript 。 * 可以使用 Blogger Smiley 介紹的表情符號功能。 * 所有功能支援設定選項來控制是否開啟。 * Sidebar 中的網頁元素 可以自定元素 "[-]折收/[+]展開" 功能。 * 表情符號可外掛及設定。 * 加入了表情符號集 .js ，直接引用。
哈哈~~ 年前給大家大禮!! 國內大部份 BSP 都支援了，無名維修沒法測。
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. jQuery is designed to change the way that you write JavaScript.
更快速的使用javascript去控制Html元件
以往在和設計配合 CSS 時，都只用到 CSS1 Selectors 功能而己 :( 並沒有認真去了解 CSS1 , CSS2 到 CSS3 Selectors 的差異及改進是什麼。 自從將專案改用 jQuery 後，不再只是利用 $('Id') 查找物件了。 CSS3 主要支援了利用標籤、class、ID、萬用符號、屬性、屬性值做搜尋， 利用了 CSS3 Selectors 的彈性，真的讓 Javascript 設計及規劃上改進許多。 ......
可以讓 field 的求值表現的更加美麗，同上的例子，可以統一改變如下, 無論是 radio, checkbox, multi-select: $("input:checkbox[@name=fieldname").fieldValue(); 會自動回覆 String or Array of String.
利用 jQuery 的 plugins ，一行求得 Form 's Fields 的值，超方便。
我喜歡及推它的原因有五個: 一. Selector: 同大部份的 framework , jQuery 亦是使用 $ 當做選擇物件指令，然而它的 Selector 則更加的靈活及好用，它利用了 CSS3 , XPATH 做為 Selector , 所以我們可以看到以下: $("#myDiv") => 同 document.getElementById("myDiv") 或 prototype $("myDiv") 然而，以下就神奇了: $("ul > li ") => 找出 UL 下的 LI $("input:radio") => 找出 的所有物件。
利用 $(document).ready 將 javascript 與 html 分離，大家一定要看看 jQuery.
Jacky 在他的 blog 裡提到希望可以「修改使用 Snap Preview，點擊『預覽』才出現預覽，而不是 mouse over」。不過最後因為不想直接改 Snap Preview Anywhere (SPA) 的 javascript 所以放棄了。我十分讚同 Jacky 的看法，因為實在很煩人，所以我在這裡會嘗試解決他的問題。
