我學 jquery 的學習資源(邊作邊整理)

  • 32772
  • 0
  • 2010-06-03

我學 jquery 的記錄,Document、Plugins、UI、Tools等等資源。

 

這是我學習jquery所收集的一些資源,做個記錄,說真的用了jquery感覺前端程式變簡單很多,也有內建美美UI,真是佛心來。

官網 http://jquery.com/ 

 

API Browser

官方最新版 http://api.jquery.com/browser/

比較舊,但可以下載離線使用 http://jquery.bassistance.de/api-browser/plugins.html

 

Plug-Ins http://plugins.jquery.com/ jquery插件非常的多,我只記錄我覺得不錯用的。

Validate http://bassistance.de/jquery-plugins/jquery-plugin-validation/

$("#aspnetForm").validate();
$("#name").rules("add", { required: true }); //找了好久才知道新增刪除怎麼做。
$("#name").rules("remove");

Metadata http://plugins.jquery.com/project/metadata 我都是搭配Validate使用,不過也可以獨立使用。

<input id="name" name="name" class="{validate:{required:true}}" type="text" />
<asp:TextBox ID="name" runat="server" Width="400px" CssClass="{validate:{required:true,minlength:2}}" />
$("#name").metadata();

Url http://projects.allmarkedup.com/jquery_url_parser/

$.url.param("Id");

Base64 http://plugins.jquery.com/project/base64-encode-and-decode

$.base64.encode('$.base64')

Date Format http://plugins.jquery.com/project/jquery-dateFormat

$.format.date("2009-12-18 10:54:50.546", "dd/MM/yyyy")

.Net String Format http://plugins.jquery.com/project/dotnet_string_formatting 因為Validate也有內建Format所以如果我有用Validate,我就不會使用這插件。

$.format("Hello, {0}", "world");

Cookie http://plugins.jquery.com/project/Cookie 

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });

AjaxFileUpload http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

$.ajaxFileUpload(…);

JSON http://code.google.com/p/jquery-json/

$.toJSON(object);

AJAXQ http://plugins.jquery.com/project/ajaxq

$.ajaxq("testqueue", { url: "test_1.html"});

UI

官方 http://jqueryui.com/ 

 

Cheat Sheet

說真的我的記憶不是很好,很多東西久沒用就忘了,所以我很喜歡這種小抄,印出來護貝,辦公利器。

jQuery 1.4 API Cheat Sheet http://www.futurecolors.ru/jquery/

jquery.cheatsheet.1.4 

 

jQuery Cheat Sheet 1.3.2 http://www.javascripttoolbox.com/jquery/cheatsheet/

JQueryCheatSheet-1.3.2 

 

jQuery Selectors http://refcardz.dzone.com/refcardz/jquery-selectors

image 

JQuery Validator Cheat Sheet http://elegantcode.com/2010/03/02/jquery-validator-cheat-sheet/

image

Cheat Sheet 整理網站 http://www.cheat-sheets.org/ 不錯的網站

 

Integrated

 

jQuery UI Extensions for ASP.NET MVC  http://jmvcui.codeplex.com/

 

jQuery Code Snippets for Visual Studio 2010 http://jquerysnippets.codeplex.com/ 保哥老師介紹的。