您的位置:首页 > Web前端 > JQuery

分享一下我5个小时学会jQuery的方法,同样适用于学习PHP

2014-08-21 16:44 302 查看
这篇文章本来是我发表在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的函數實在是多,所以設置一下隨時查找會非常方便
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: