jQuery
jQuery相關技術文章與心得分享
[jQuery] Mousemove, Mouseover 事件
[jQuery] Hover(over, out) 事件
[jQuery] blur , change 事件
[jQuery]基本語法中的【做什麼】之 Utilities / Manipulation
[jQuery]複製:clone (動態多筆維護效果範例)
[jQuery]外部加入(after,before,insertAfter,insertBefore)
[jQuery]內部加入:append(),appendTo()
今天小喵找一下jQuery的綜合應用範例,看到黑暗大的一篇【利用上下左右鍵移動輸入焦點】,不過仔細看了一下,發現他上下移動是指定要切換的個數,所以一旦欄位增減時,就需要去改那個值。小喵就拿這個範例來小改一下,提供大家參考。
[jQuery]Utilities--join,grep (用於陣列)
[jQuery]Utilities--each用於陣列
[jQuery]Utilities--each 用於選到的物件集合
[jQuery]CSS--寬(Width) , 高(Height)
[jQuery]CSS--Positioning(位置)
[jQuery]選取器--狀態enabled, disabled, checked, selected
[jQuery]屬性篩選_Attribute Filters
[jQuery]可視否的篩選【hidden / visiable】
[jQuery]選擇器--內容篩選【contains/has/empty】
[jQuery]選擇器--基本篩選二【even / odd /eq】
[jQuery]選擇器--基本篩選【First/Last/Not】
[jQuery]選取器—某一種類的(tag,類別,所有物件)
[jQuery]強大的選取器之--畫面中某Id物件
在學習jQuery的所有寫法、功能、函數之前,這個jQuery的基礎語法可以說是整個jQuery的地基,一切的用法語法,都可以套用這個,也都有此而衍生。所以學習jQuery的朋友,一定一定要去記住這個jQuery的基礎語法,所以小喵特別把這個很短,但是很重要的語法特別獨立一篇來放。
前陣子受命準備教材,幫公司的同事上jQuery的課程,於是小喵準備了約6個小時的課程,內容包括jQuery的簡介與應用,以及一些說明用的範例程式。
今天剛好有個需求,有個複雜的Table要來做RowSpan的動作,程式是ASP。如果寫在Table產生時來處理,一來會讓程式看得比較混雜,二來也不好處理。因此乾脆來試著寫個fn來做這件事情。
今天同事問小喵一個問題,他說小喵之前改給他用的【民國年挑選日期(請參考這一篇[jQuery]挑選日期的好物 jQuery Plugin [dynDateTime]中文化特別處理)】,這讓小喵很好奇,為何不能用,一看之下,原來之前asp的寫法會用迴圈產生input,並且有相同的Id。本來的語法如下就失效囉
[jQuery]挑選日期的好物 jQuery Plugin [dynDateTime]中文化特別處理
終於皇天不負苦心喵,讓小喵找到了【dynDateTime】這個PlugIn。小喵覺得她有幾個好處
1.有已經寫好的幾個套版style可以選擇
2.有提供各國語言的套件,可以切換成符合自己適當的語言
上次提到jQuery開始勾引小喵後,在開發過程中,總覺得少了些什麼。沒錯,在被VS的Intellisense寵壞後的小喵,沒有這個實在有點痛苦。之前網友有篇在VS 2008 使用JQuery 自動提示( Intellisense) 提到不過在中文的VS2008還是無法使用。不過自從更新了SP1後,這一切問題改善了。
這個範例是使用jQuery 的.ajax,從Yahoo新聞的Rss擷取後,產生超連結在自己的網頁中。測試的時候只需要一個html與jQuery.js即可。
有次小喵剛好要買幾本書,在逛【書店】的時候的時候(小喵目前已經很少跑真正的書店,逛得只是書店的網站),還差一點就可免運費,所以順便找找看是否有什麼新書可以買。剛好看到jQuery有本新的中文書出版。於是小喵就把它放入購物車。從此開始與jQuery結緣。本來買了書後,打算先翻翻看看這個東西到底是什麼,能讓黑暗執行緒大大隊ASP.NET AJAX Client Library發出好人卡。沒想到這個迷死人不償命的小寶貝,竟然開始勾引小喵。