这篇文章本来是我发表在csdn的,今天把他拖回来,也算是让他落叶归根吧!
原帖地址:http://topic.csdn.net/u/20101114/02/c07b9fdd-c642-4a3f-807d-158651bb57db.html
所谓的学习并非仅仅明白道理,而是可以用之进行实际的开发.
因为我会
c/c++;vb;delphi;c#;javascript;asp;php,所以我現在基本上腦子里亂成了一鍋粥,有的时候甚至在asp里边使用
try語法,簡直不堪其苦,所以現在再想學新的東西就顯得不是那么容易.因為最近公司有個項目需要大量的使用js進行開發,爲了降低开发難度,所以不得已只好学习一下學jQuery.我從拿到它到用它進行開發僅僅是5個小時而已,因此在此分享我的方法.
以下我就以學習jQuery-1.41為例:
爲了防止和其他的編程語言混為一談,所以不得已只好藉助外力,那么我藉助的外力就是Editplus v3.2,這個軟件是幹啥的我就不羅嗦了.除了準備Editplus之外還需要準備<jQueryAPI-1.41中文參考>
有了這兩樣東西之後就萬事具備了.
以下是具體的方法:
1,打開editplus安裝目錄,新建一個文本文件,重新命名為jQuery.CTL
2,用EditPlus編輯該文件,基本語法如下:
JScript code
#TITLE=jQuery v1.41
#INFO=EditPlus Cliptext Library v1.0 written by Seven(See7di@Gmail.com).
#SORT=n
#
#T=取得对象
#T=----------------------
#T=$("*")
$("*").addClass("^!");
#T=$("ul li")在ul內尋找所有層的li
$("ul li").^!
#T=$("ul > li")在當前層尋找和ul同級的li
#T=$("label+input")找所有紧跟在label后的input(同級關係)
#
#T=
#T=给元素绑定事件
#T=----------------------
#T=$('').live('click', function(){});
$('^!').live('click', function(){alert($(this).text());});
#T=$('').hover(function(){},function(){});
//切換hover和移除後的class
$("^!").hover(function(){
$(this).addClass("green");
}, function(){
$(this).removeClass("green");
});
#
以上僅僅作為範例,大家可以根據自己的情況自行編輯該文件即可
3,對照著JQuery的API手冊把所有你認為對你的開發有用的函數,屬性,方法,事件等等...統統按照固定格式放入該CTL文件內,最後保存
4, 重新打開EditPlus,然後點擊"目錄"選項卡右側的"素材"選項卡,在Select列表內找到jQuery v1.41并點擊,ok,你剛剛所做的設置都在下方的列表裡了,當你開發的時候你就可以借此隨時開發隨時查詢,直到有一天你對jQuery熟的不能再熟的 時候你就可以徹底拋開他了.
以上方法同樣適用於設置PHP,因為PHP的函數實在是多,所以設置一下隨時查找會非常方便