一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

【上古秘籍】之Eclipse的秘籍,絕對不讓大家失望。。。。。。。。。。。。。。。。。。。...

 chubanz 2012-09-07
打開MyEclipse 6.0.1,然后“window”→“Preferences” 2. 選擇“java”,展開,“Editor”,選擇“Content Assist”。 3. 選擇“Content Assist”,然后看到右邊,右邊的“Auto-Activation”下面的“Auto Activation triggers for java”這個(gè)選項(xiàng)。其實(shí)就是指觸發(fā)代碼提示的就是“.”這個(gè)符號(hào)。 4. “Auto Activation triggers for java”這個(gè)選項(xiàng),在“.”后加abc字母,方便后面的查找 修改。然后“apply”,點(diǎn)擊“OK”。 5. 然后,“File”→“Export”,在彈出的窗口中選擇“Perferences”,點(diǎn)擊“下一步”。 6. 選擇導(dǎo)出文件路徑,本人導(dǎo)出到桌面,輸入“test”作為文件名,點(diǎn)擊“保存”。 7. 在桌面找到剛在保存的文件“test.epf”,右鍵選擇“用記事本打開”。 8. 可以看到很多配置MyEclipse 6.0.1的信息 9. 按“ctrl + F”快捷鍵,輸入“.abc”,點(diǎn)擊“查找下一個(gè)”。 10. 查找到“.abc”的配置信息如下: 如下: 11. 把“.abc”改成“.abcdefghijklmnopqrstuvwxyz(,”,保存,關(guān)閉“test.epf”。 12. 回到MyEclipse 6.0.1界面,“File”→“Import”,在彈出的窗口中選擇“Perferences”,點(diǎn)擊 “下一步”,選擇剛在已經(jīng)修改的“test.epf”文件,點(diǎn)擊“打開”,點(diǎn)擊“Finish”。該步驟和上面 的導(dǎo)出步驟類似。 13. 最后當(dāng)然是進(jìn)行代碼測試了。隨便新建一個(gè)工程,新建一個(gè)類。在代碼輸入switch,foreach等進(jìn)行 測試。你立即會(huì)發(fā)現(xiàn),果然出了提示,而且無論是敲哪個(gè)字母都會(huì)有很多相關(guān)的提示了,很流暢,很方 便。 總結(jié): “Auto Activation triggers for java”這個(gè)選項(xiàng)就是指觸發(fā)代碼提示的的選項(xiàng),把“.”改成 “.abcdefghijklmnopqrstuvwxyz(,”的意思,就是指遇到26個(gè)字母和.,(這些符號(hào)就觸發(fā)代碼提示功 能了。 順便說一下,修改類名,接口名等以不同顏色高亮的,可以這樣配置在“java”→“enditor”→ “syntac”,右邊展開“java”→“classes”,勾上“Enable”這個(gè)選項(xiàng),選擇自己喜歡的顏色即可。 當(dāng)然還有其他相關(guān)的顏色配置。具體就不說啦。其實(shí),在“Preferences”這個(gè)東西,有很多可以配置的 東西,使得MyEclipse 優(yōu)化的,具體的就要各個(gè)人根據(jù)自己個(gè)人喜好去配置了


CSS code
Eclipse 常用快捷鍵 Eclipse的編輯功能非常強(qiáng)大,掌握了Eclipse快捷鍵功能,能夠大大提高開發(fā)效率。Eclipse中有如下一些和編輯相關(guān)的快捷鍵。 1. 【ALT+/】 此快捷鍵為用戶編輯的好幫手,能為用戶提供內(nèi)容的輔助,不要為記不全方法和屬性名稱犯愁,當(dāng)記不全類、方法和屬性的名字時(shí),多體驗(yàn)一下【ALT+/】快捷鍵帶來的好處吧。 2. 【Ctrl+O】 顯示類中方法和屬性的大綱,能快速定位類的方法和屬性,在查找Bug時(shí)非常有用。 3. 【Ctrl+/】 快速添加注釋,能為光標(biāo)所在行或所選定行快速添加注釋或取消注釋,在調(diào)試的時(shí)候可能總會(huì)需要注釋一些東西或取消注釋,現(xiàn)在好了,不需要每行進(jìn)行重復(fù)的注釋。 4. 【Ctrl+D】 刪除當(dāng)前行,這也是筆者的最愛之一,不用為刪除一行而按那么多次的刪除鍵。 5. 【Ctrl+M】 窗口最大化和還原,用戶在窗口中進(jìn)行操作時(shí),總會(huì)覺得當(dāng)前窗口?。ㄓ绕湓诰帉懘a時(shí)),現(xiàn)在好了,試試【Ctrl+M】快捷鍵。 查看和定位快捷鍵 在程序中,迅速定位代碼的位置,快速找到Bug的所在,是非常不容易的事,Eclipse提供了強(qiáng)大的查找功能,可以利用如下的快捷鍵幫助完成查找定位的工作。 1. 【Ctrl+K】、【Ctrl++Shift+K】 快速向下和向上查找選定的內(nèi)容,從此不再需要用鼠標(biāo)單擊查找對話框了。 2. 【Ctrl+Shift+T】 查找工作空間(Workspace)構(gòu)建路徑中的可找到Java類文件,不要為找不到類而痛苦,而且可以使用“*”、“?”等通配符。 3. 【Ctrl+Shift+R】 和【Ctrl+Shift+T】對應(yīng),查找工作空間(Workspace)中的所有文件(包括Java文件),也可以使用通配符。 4. 【Ctrl+Shift+G】 查找類、方法和屬性的引用。這是一個(gè)非常實(shí)用的快捷鍵,例如要修改引用某個(gè)方法的代碼,可以通過【Ctrl+Shift+G】快捷鍵迅速定位所有引用此方法的位置。 5. 【Ctrl+Shift+O】 快速生成import,當(dāng)從網(wǎng)上拷貝一段程序后,不知道如何import進(jìn)所調(diào)用的類,試試【Ctrl+Shift+O】快捷鍵,一定會(huì)有驚喜。 6. 【Ctrl+Shift+F】 格式化代碼,書寫格式規(guī)范的代碼是每一個(gè)程序員的必修之課,當(dāng)看見某段代碼極不順眼時(shí),選定后按【Ctrl+Shift+F】快捷鍵可以格式化這段代碼,如果不選定代碼則默認(rèn)格式化當(dāng)前文件(Java文件)。 7. 【ALT+Shift+W】 查找當(dāng)前文件所在項(xiàng)目中的路徑,可以快速定位瀏覽器視圖的位置,如果想查找某個(gè)文件所在的包時(shí),此快捷鍵非常有用(特別在比較大的項(xiàng)目中)。 8. 【Ctrl+L】 定位到當(dāng)前編輯器的某一行,對非Java文件也有效。 9. 【Alt+←】、【Alt+→】 后退歷史記錄和前進(jìn)歷史記錄,在跟蹤代碼時(shí)非常有用,用戶可能查找了幾個(gè)有關(guān)聯(lián)的地方,但可能記不清楚了,可以通過這兩個(gè)快捷鍵定位查找的順序。 10. 【F3】 快速定位光標(biāo)位置的某個(gè)類、方法和屬性。 11. 【F4】 顯示類的繼承關(guān)系,并打開類繼承視圖。 調(diào)試快捷鍵 Eclipse中有如下一些和運(yùn)行調(diào)試相關(guān)的快捷鍵。 1. 【Ctrl+Shift+B】:在當(dāng)前行設(shè)置斷點(diǎn)或取消設(shè)置的斷點(diǎn)。 2. 【F11】:調(diào)試最后一次執(zhí)行的程序。 3. 【Ctrl+F11】:運(yùn)行最后一次執(zhí)行的程序。 4. 【F5】:跟蹤到方法中,當(dāng)程序執(zhí)行到某方法時(shí),可以按【F5】鍵跟蹤到方法中。 5. 【F6】:單步執(zhí)行程序。 6. 【F7】:執(zhí)行完方法,返回到調(diào)用此方法的后一條語句。 7. 【F8】:繼續(xù)執(zhí)行,到下一個(gè)斷點(diǎn)或程序結(jié)束。 常用編輯器快捷鍵 通常文本編輯器都提供了一些和編輯相關(guān)的快捷鍵,在Eclipse中也可以通過這些快捷鍵進(jìn)行文本編輯。 1. 【Ctrl+C】:復(fù)制。 2. 【Ctrl+X】:剪切。 3. 【Ctrl+V】:粘貼。 4. 【Ctrl+S】:保存文件。 5. 【Ctrl+Z】:撤銷。 6. 【Ctrl+Y】:重復(fù)。 7. 【Ctrl+F】:查找。 其他快捷鍵 Eclipse中還有很多快捷鍵,無法一一列舉,用戶可以通過幫助文檔找到它們的使用方式,另外還有幾個(gè)常用的快捷鍵如下。 1. 【Ctrl+F6】:切換到下一個(gè)編輯器。 2. 【Ctrl+Shift+F6】:切換到上一個(gè)編輯器。 3. 【Ctrl+F7】:切換到下一個(gè)視圖。 4. 【Ctrl+Shift+F7】:切換到上一個(gè)視圖。 5. 【Ctrl+F8】:切換到下一個(gè)透視圖。 6. 【Ctrl+Shift+F8】:切換到上一個(gè)透視圖。 Eclipse中快捷鍵比較多,可以通過幫助文檔找到所有快捷鍵的使用,但要掌握所有快捷鍵的使用是不可能的,也沒有必要,如果花點(diǎn)時(shí)間熟悉本節(jié)列舉的快捷鍵,必將會(huì)事半功倍 1. edit->content Assist - > add Alt+/ 代碼關(guān)聯(lián) 2. Window -> Next Editor -> add Ctrl+Tab 切換窗口 3. Run/Debug Toggle Line Breakpoint -> add Ctrl+` 在調(diào)試的時(shí)候 增刪斷點(diǎn) 4. Source-> Surround with try/catch Block -> Ctrl+Shift+v 增加try catch 框框 5. Source -> Generate Getters and Setters -> Ctrl+Shift+. 增加get set 方法 -----------有用的快捷鍵----------- Alt+/ 代碼助手完成一些代碼的插入(但一般和輸入法有沖突,可以修改輸入法的熱鍵,也可以暫用Alt+/來代替) Ctrl+1:光標(biāo)停在某變量上,按Ctrl+1鍵,可以提供快速重構(gòu)方案。選中若干行,按Ctrl+1鍵可將此段代碼放入for、while、if、do或try等代碼塊中。 雙擊左括號(hào)(小括號(hào)、中括號(hào)、大括號(hào)),將選擇括號(hào)內(nèi)的所有內(nèi)容。 Alt+Enter 顯示當(dāng)前選擇資源(工程,or 文件 or文件)的屬性 -----------Ctrl系列----------- Ctrl+K:將光標(biāo)停留在變量上,按Ctrl+K鍵可以查找到下一個(gè)同樣的變量 Ctrl+Shift+K:和Ctrl+K查找的方向相反 Ctrl+E 快速顯示當(dāng)前Editer的下拉列表(如果當(dāng)前頁面沒有顯示的用黑體表示) Ctrl+Shift+E 顯示管理當(dāng)前打開的所有的View的管理器(可以選擇關(guān)閉,激活等操作) Ctrl+Q 定位到最后編輯的地方 Ctrl+L 定位在某行 (對于程序超過100的人就有福音了) Ctrl+M 最大化當(dāng)前的Edit或View (再按則反之) Ctrl+/ 注釋當(dāng)前行,再按則取消注釋 Ctrl+T 快速顯示當(dāng)前類的繼承結(jié)構(gòu) Ctrl+Shift-T: 打開類型(Open type)。如果你不是有意磨洋工,還是忘記通過源碼樹(source tree)打開的方式吧。 Ctrl+O:在代碼中打開類似大綱視圖的小窗口 Ctrl+鼠標(biāo)停留:可以顯示類和方法的源碼 Ctrl+H:打開搜索窗口 Ctrl+/(小鍵盤) 折疊當(dāng)前類中的所有代碼 Ctrl+×(小鍵盤) 展開當(dāng)前類中的所有代碼 -----------Ctrl+Shift 系列----------- Ctrl+Shift+F 格式化當(dāng)前代碼 Ctrl+Shift+X 把當(dāng)前選中的文本全部變味小寫 Ctrl+Shift+Y 把當(dāng)前選中的文本全部變?yōu)樾? Ctrl+Shift+O:快速地導(dǎo)入import Ctrl+Shift+R:打開資源 open Resource -----------F快捷鍵 系列----------- F3:打開聲明該引用的文件 F4:打開類型層次結(jié)構(gòu) F5:單步跳入 F6:單步跳過 F7:單步跳出 F8:繼續(xù),如果后面沒有斷點(diǎn),程序?qū)⑦\(yùn)行完 -----------行編輯用----------- Ctrl+D: 刪除當(dāng)前行 Ctrl+Alt+↓ 復(fù)制當(dāng)前行到下一行(復(fù)制增加) Ctrl+Alt+↑ 復(fù)制當(dāng)前行到上一行(復(fù)制增加) Alt+↓ 當(dāng)前行和下面一行交互位置(特別實(shí)用,可以省去先剪切,再粘貼了) Alt+↑ 當(dāng)前行和上面一行交互位置(同上) Shift+Enter 在當(dāng)前行的下一行插入空行(這時(shí)鼠標(biāo)可以在當(dāng)前行的任一位置,不一定是最后) Ctrl+Shift+Enter 在當(dāng)前行插入空行(原理同上條) -----------不常用的----------- Alt+← 前一個(gè)編輯的頁面 Alt+→ 下一個(gè)編輯的頁面(當(dāng)然是針對上面那條來說了) Ctrl+Shift+S:保存全部 Ctrl+W 關(guān)閉當(dāng)前Editer Ctrl+Shift+F4 關(guān)閉所有打開的Editer Ctrl+Shift+G: 在workspace中搜索引用 Ctrl+Shift+P 定位到對于的匹配符(譬如{}) (從前面定位后面時(shí),光標(biāo)要在匹配符里面,后面到前面,則反之) -----------不明白----------- Ctrl+J 正向增量查找(按下Ctrl+J后,你所輸入的每個(gè)字母編輯器都提供快速匹配定位到某個(gè)單詞,如果沒有,則在stutes line中顯示沒有找到了,查一個(gè)單詞時(shí),特別實(shí)用,這個(gè)功能Idea兩年前就有了) Ctrl+Shift+J 反向增量查找(和上條相同,只不過是從后往前查)
attribute: $(”p”).addClass(css中定義的樣式類型); 給某個(gè)元素添加樣式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 給某個(gè)元素添加屬性/值,參數(shù)是map $(”img”).attr(”src”,”test.jpg”); 給某個(gè)元素添加屬性/值 $(”img”).attr(”title”, function() { return this.src }); 給某個(gè)元素添加屬性/值 $(”元素名稱”).html(); 獲得該元素內(nèi)的內(nèi)容(元素,文本等) $(”元素名稱”).html(”<b>new stuff</b>”); 給某元素設(shè)置內(nèi)容 $(”元素名稱”).removeAttr(”屬性名稱”) 給某元素刪除指定的屬性以及該屬性的值 $(”元素名稱”).removeClass(”class”) 給某元素刪除指定的樣式 $(”元素名稱”).text(); 獲得該元素的文本 $(”元素名稱”).text(value); 設(shè)置該元素的文本值為value $(”元素名稱”).toggleClass(class) 當(dāng)元素存在參數(shù)中的樣式的時(shí)候取消,如果不存在就設(shè)置此樣式 $(”input元素名稱”).val(); 獲取input元素的值 $(”input元素名稱”).val(value); 設(shè)置input元素的值為value Manipulation: $(”元素名稱”).after(content); 在匹配元素后面添加內(nèi)容 $(”元素名稱”).append(content); 將content作為元素的內(nèi)容插入到該元素的后面 $(”元素名稱”).appendTo(content); 在content后接元素 $(”元素名稱”).before(content); 與after方法相反 $(”元素名稱”).clone(布爾表達(dá)式) 當(dāng)布爾表達(dá)式為真時(shí),克隆元素(無參時(shí),當(dāng)作true處理) $(”元素名稱”).empty() 將該元素的內(nèi)容設(shè)置為空 $(”元素名稱”).insertAfter(content); 將該元素插入到content之后 $(”元素名稱”).insertBefore(content); 將該元素插入到content之前 $(”元素”).prepend(content); 將content作為該元素的一部分,放到該元素的最前面 $(”元素”).prependTo(content); 將該元素作為content的一部分,放content的最前面 $(”元素”).remove(); 刪除所有的指定元素 $(”元素”).remove(”exp”); 刪除所有含有exp的元素 $(”元素”).wrap(”html”); 用html來包圍該元素 $(”元素”).wrap(element); 用element來包圍該元素 Traversing: add(expr) add(html) add(elements) children(expr) contains(str) end() filter(expression) filter(filter) find(expr) is(expr) next(expr) not(el) not(expr) not(elems) parent(expr) parents(expr) prev(expr) siblings(expr) Core: $(html).appendTo(”body”) 相當(dāng)于在body中寫了一段html代碼 $(elems) 獲得DOM上的某個(gè)元素 $(function(){……..}); 執(zhí)行一個(gè)函數(shù) $(”div > p”).css(”border”, “1px solid gray”); 查找所有div的子節(jié)點(diǎn)p,添加樣式 $(”input:radio”, document.forms[0]) 在當(dāng)前頁面的第一個(gè)表單中查找所有的單選按鈕 $.extend(prop) prop是一個(gè)jquery對象, 舉例: jQuery.extend({ min: function(a, b) { return a < b ? a : b; }, max: function(a, b) { return a > b ? a : b; } }); jQuery( expression, [context] ) —$( expression, [context]); 在默認(rèn)情況下,$()查詢的是當(dāng)前HTML文檔中的DOM元素。 each( callback ) 以每一個(gè)匹配的元素作為上下文來執(zhí)行一個(gè)函數(shù) 舉例:1 $(”span”).click(function){ $(”li”).each(function(){ $(this).toggleClass(”example”); }); }); 舉例:2 $(”button”).click(function () { $(”div”).each(function (index, domEle) { // domEle == this $(domEle).css(”backgroundColor”, “yellow”); if ($(this).is(”#stop”)) { $(”span”).text(”Stopped at div index #” + index); return false; } }); }); jQuery Event: ready(fn); $(document).ready()注意在body中沒有onload事件,否則該函數(shù)不能執(zhí)行。在每個(gè)頁面中可以 有很多個(gè)函數(shù)被加載執(zhí)行,按照fn的順序來執(zhí)行。 bind( type, [data], fn ) 為每一個(gè)匹配元素的特定事件(像click)綁定一個(gè)或多個(gè)事件處理器函數(shù)??赡艿氖录傩杂校篵lur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error one( type, [data], fn ) 為每一個(gè)匹配元素的特定事件(像click)綁定一個(gè)或多個(gè)事件處理器函數(shù)。在每個(gè)對 象上,這個(gè)事件處理函數(shù)只會(huì)被執(zhí)行一次。其他規(guī)則與bind()函數(shù)相同。 trigger( type, [data] ) 在每一個(gè)匹配的元素上觸發(fā)某類事件。 triggerHandler( type, [data] ) 這一特定方法會(huì)觸發(fā)一個(gè)元素上特定的事件(指定一個(gè)事件類型),同時(shí)取消瀏覽器對此事件的默認(rèn)行動(dòng) unbind( [type], [data] ) 反綁定,從每一個(gè)匹配的元素中刪除綁定的事件。 $(”p”).unbind() 移除所有段落上的所有綁定的事件 $(”p”).unbind( “click” ) 移除所有段落上的click事件 hover( over, out ) over,out都是方法, 當(dāng)鼠標(biāo)移動(dòng)到一個(gè)匹配的元素上面時(shí),會(huì)觸發(fā)指定的第一個(gè)函數(shù)。當(dāng)鼠標(biāo)移出這個(gè)元素時(shí),會(huì)觸發(fā)指定的第二個(gè)函數(shù)。 $(”p”).hover(function(){ $(this).addClass(”over”); }, function(){ $(this).addClass(”out”); } ); toggle( fn, fn ) 如果點(diǎn)擊了一個(gè)匹配的元素,則觸發(fā)指定的第一個(gè)函數(shù),當(dāng)再次點(diǎn)擊同一元素時(shí),則觸發(fā)指定的第二個(gè)函數(shù)。 $(”p”).toggle(function(){ $(this).addClass(”selected”); }, function(){ $(this).removeClass(”selected”); } );
元素事件列表說明 注:不帶參數(shù)的函數(shù),其參數(shù)為可選的 fn。jQuery不支持form元素的reset事件。 事件 描述 支持元素或?qū)ο? blur( ) 元素失去焦點(diǎn) a, input, textarea, button, select, label, map, area change( ) 用戶改變域的內(nèi)容 input, textarea, select click( ) 鼠標(biāo)點(diǎn)擊某個(gè)對象 幾乎所有元素 dblclick( ) 鼠標(biāo)雙擊某個(gè)對象 幾乎所有元素 error( ) 當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤 window, img focus( ) 元素獲得焦點(diǎn) a, input, textarea, button, select, label, map, area keydown( ) 某個(gè)鍵盤的鍵被按下 幾乎所有元素 keypress( ) 某個(gè)鍵盤的鍵被按下或按住 幾乎所有元素 keyup( ) 某個(gè)鍵盤的鍵被松開 幾乎所有元素 load( fn ) 某個(gè)頁面或圖像被完成加載 window, img mousedown( fn ) 某個(gè)鼠標(biāo)按鍵被按下 幾乎所有元素 mousemove( fn ) 鼠標(biāo)被移動(dòng) 幾乎所有元素 mouseout( fn ) 鼠標(biāo)從某元素移開 幾乎所有元素 mouseover( fn ) 鼠標(biāo)被移到某元素之上 幾乎所有元素 mouseup( fn ) 某個(gè)鼠標(biāo)按鍵被松開 幾乎所有元素 resize( fn ) 窗口或框架被調(diào)整尺寸 window, iframe, frame scroll( fn ) 滾動(dòng)文檔的可視部分時(shí) window select( ) 文本被選定 document, input, textarea submit( ) 提交按鈕被點(diǎn)擊 form unload( fn ) 用戶退出頁面 window JQuery Ajax 方法說明: load( url, [data], [callback] ) 裝入一個(gè)遠(yuǎn)程HTML內(nèi)容到一個(gè)DOM結(jié)點(diǎn)。 $(”#feeds”).load(”feeds.html”); 將feeds.html文件載入到id為feeds的div中 $(”#feeds”).load(”feeds.php”, {limit: 25}, function(){ alert(”The last 25 entries in the feed have been loaded”); }); jQuery.get( url, [data], [callback] ) 使用GET請求一個(gè)頁面。 $.get(”test.cgi”, { name: “John”, time: “2pm” }, function(data){ alert(”Data Loaded: ” + data); }); jQuery.getJSON( url, [data], [callback] ) 使用GET請求JSON數(shù)據(jù)。 $.getJSON(”test.js”, { name: “John”, time: “2pm” }, function(json){ alert(”JSON Data: ” + json.users[3].name); }); jQuery.getScript( url, [callback] ) 使用GET請求javascript文件并執(zhí)行。 $.getScript(”test.js”, function(){ alert(”Script loaded and executed.”); }); jQuery.post( url, [data], [callback], [type] ) 使用POST請求一個(gè)頁面。 ajaxComplete( callback ) 當(dāng)一個(gè)AJAX請求結(jié)束后,執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 $(”#msg”).ajaxComplete(function(request, settings){ $(this).append(”<li>Request Complete.</li>”); }); ajaxError( callback ) 當(dāng)一個(gè)AJAX請求失敗后,執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 $(”#msg”).ajaxError(function(request, settings){ $(this).append(”<li>Error requesting page ” + settings.url + “</li>”); }); ajaxSend( callback ) 在一個(gè)AJAX請求發(fā)送時(shí),執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 $(”#msg”).ajaxSend(function(evt, request, settings){ $(this).append(”<li<Starting request at ” + settings.url + “</li<”); }); ajaxStart( callback ) 在一個(gè)AJAX請求開始但還沒有激活時(shí),執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 當(dāng)AJAX請求開始(并還沒有激活時(shí))顯示loading信息 $(”#loading”).ajaxStart(function(){ $(this).show(); }); ajaxStop( callback ) 當(dāng)所有的AJAX都停止時(shí),執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 當(dāng)所有AJAX請求都停止時(shí),隱藏loading信息。 $(”#loading”).ajaxStop(function(){ $(this).hide(); }); ajaxSuccess( callback ) 當(dāng)一個(gè)AJAX請求成功完成后,執(zhí)行一個(gè)函數(shù)。這是一個(gè)Ajax事件 當(dāng)AJAX請求成功完成時(shí),顯示信息。 $(”#msg”).ajaxSuccess(function(evt, request, settings){ $(this).append(”<li>Successful Request!</li>”); }); jQuery.ajaxSetup( options ) 為所有的AJAX請求進(jìn)行全局設(shè)置。查看$.ajax函數(shù)取得所有選項(xiàng)信息。 設(shè)置默認(rèn)的全局AJAX請求選項(xiàng)。 $.ajaxSetup({ url: “/xmlhttp/”, global: false, type: “POST” }); $.ajax({ data: myData }); serialize( ) 以名稱和值的方式連接一組input元素。實(shí)現(xiàn)了正確表單元素序列 function showValues() { var str = $(”form”).serialize(); $(”#results”).text(str); } $(”:checkbox, :radio”).click(showValues); $(”select”).change(showValues); showValues(); serializeArray( ) 連接所有的表單和表單元素(類似于.serialize()方法),但是返回一個(gè)JSON數(shù)據(jù)格式。 從form中取得一組值,顯示出來 function showValues() { var fields = $(”:input”).serializeArray(); alert(fields); $(”#results”).empty(); jQuery.each(fields, function(i, field){ $(”#results”).append(field.value + ” “); }); } $(”:checkbox, :radio”).click(showValues); $(”select”).change(showValues); showValues(); JQuery Effects 方法說明 show( ) 顯示隱藏的匹配元素。 show( speed, [callback] ) 以優(yōu)雅的動(dòng)畫顯示所有匹配的元素,并在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。 hide( ) 隱藏所有的匹配元素。 hide( speed, [callback] ) 以優(yōu)雅的動(dòng)畫隱藏所有匹配的元素,并在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù) toggle( ) 切換元素的可見狀態(tài)。如果元素是可見的,切換為隱藏的;如果元素是隱藏的, 切換為可見的。 slideDown( speed, [callback] ) 通過高度變化(向下增大)來動(dòng)態(tài)地顯示所有匹配的元素,在顯示完成后可選 地觸發(fā)一個(gè)回調(diào)函數(shù)。這個(gè)動(dòng)畫效果只調(diào)整元素的高度,可以使匹配的元素以 “滑動(dòng)”的方式顯示出來。 slideUp( speed, [callback] ) 通過高度變化(向上減?。﹣韯?dòng)態(tài)地隱藏所有匹配的元素,在隱藏完成后可選地 觸發(fā)一個(gè)回調(diào)函數(shù)。這個(gè)動(dòng)畫效果只調(diào)整元素的高度,可以使匹配的元素以”滑動(dòng)” 的方式隱藏起來。 slideToggle( speed, [callback] ) 通過高度變化來切換所有匹配元素的可見性,并在切換完成后可選地觸發(fā)一個(gè)回 調(diào)函數(shù)。 這個(gè)動(dòng)畫效果只調(diào)整元素的高度,可以使匹配的元素以”滑動(dòng)”的方式隱 藏或顯示。 fadeIn( speed, [callback] ) 通過不透明度的變化來實(shí)現(xiàn)所有匹配元素的淡入效果,并在動(dòng)畫完成后可選地觸 發(fā)一個(gè)回調(diào)函數(shù)。 這個(gè)動(dòng)畫只調(diào)整元素的不透明度,也就是說所有匹配的元素的 高度和寬度不會(huì)發(fā)生變化。 fadeOut( speed, [callback] ) 通過不透明度的變化來實(shí)現(xiàn)所有匹配元素的淡出效果,并在動(dòng)畫完成后可選地觸 發(fā)一個(gè)回調(diào)函數(shù)。 這個(gè)動(dòng)畫只調(diào)整元素的不透明度,也就是說所有匹配的元素的 高度和寬度不會(huì)發(fā)生變化。 fadeTo( speed, opacity, [callback] ) 把所有匹配元素的不透明度以漸進(jìn)方式調(diào)整到指定的不透明度,并在動(dòng)畫完成 后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。 這個(gè)動(dòng)畫只調(diào)整元素的不透明度,也就是說所 有匹配的元素的高度和寬度不會(huì)發(fā)生變化。 stop( ) 停止所有匹配元素當(dāng)前正在運(yùn)行的動(dòng)畫。如果有動(dòng)畫處于隊(duì)列當(dāng)中,他們就會(huì)立即開始。 queue( ) 取得第一個(gè)匹配元素的動(dòng)畫序列的引用(返回一個(gè)內(nèi)容為函數(shù)的數(shù)組) queue( callback ) 在每一個(gè)匹配元素的事件序列的末尾添加一個(gè)可執(zhí)行函數(shù),作為此元素的事件函數(shù) queue( queue ) 以一個(gè)新的動(dòng)畫序列代替所有匹配元素的原動(dòng)畫序列 dequeue( ) 執(zhí)行并移除動(dòng)畫序列前端的動(dòng)畫 animate( params, [duration], [easing], [callback] ) 用于創(chuàng)建自定義動(dòng)畫的函數(shù)。 animate( params, options ) 創(chuàng)建自定義動(dòng)畫的另一個(gè)方法。作用同上。 JQuery Traversing 方法說明 eq( index ) 從匹配的元素集合中取得一個(gè)指定位置的元素,index從0開始 filter( expr ) 返回與指定表達(dá)式匹配的元素集合,可以使用”,”號(hào)分割多個(gè)expr,用于實(shí)現(xiàn)多個(gè)條件篩選 filter( fn ) 利用一個(gè)特殊的函數(shù)來作為篩選條件移除集合中不匹配的元素。 is( expr ) 用一個(gè)表達(dá)式來檢查當(dāng)前選擇的元素集合,如果其中至少有一個(gè)元素符合這個(gè)給定的 表達(dá)式就返回true。 map( callback ) 將jQuery對象中的一組元素利用callback方法轉(zhuǎn)換其值,然后添加到一個(gè)jQuery數(shù)組中。 not( expr ) 從匹配的元素集合中刪除與指定的表達(dá)式匹配的元素。 slice( start, [end] ) 從匹配元素集合中取得一個(gè)子集,和內(nèi)建的數(shù)組的slice方法相同。 add( expr ) 把與表達(dá)式匹配的元素添加到j(luò)Query對象中。 children( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子元素的元素集合。可選的過濾器 將使這個(gè)方法只匹配符合的元素(只包括元素節(jié)點(diǎn),不包括文本節(jié)點(diǎn))。 contents( ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有子孫節(jié)點(diǎn)的集合(只包括元素節(jié)點(diǎn),不 包括文本節(jié)點(diǎn)),如果元素為iframe,則取得其中的文檔元素 find( expr ) 搜索所有與指定表達(dá)式匹配的元素。 next( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合。 nextAll( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素所有的后面同輩元素的元素集合 parent( [expr] ) 取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。 parents( [expr] ) 取得一個(gè)包含著所有匹配元素的唯一祖先元素的元素集合(不包含根元素)。 prev( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素緊鄰的前一個(gè)同輩元素的元素集合。 prevAll( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的之前所有同輩元素的元素集合。 siblings( [expr] ) 取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有同輩元素的元素集合。 andSelf( ) 將前一個(gè)匹配的元素集合添加到當(dāng)前的集合中 取得所有div元素和其中的p元素,添加border類屬性。取得所有div元素中的p元素, 添加background類屬性 $(”div”).find(”p”).andSelf().addClass(”border”); $(”div”).find(”p”).addClass(”background”); end( ) 結(jié)束當(dāng)前的操作,回到當(dāng)前操作的前一個(gè)操作 找到所有p元素其中的span元素集合,然后返回p元素集合,添加css屬性 $(”p”).find(”span”).end().css(”border”, “2px red solid”); JQuery Selectors 方法說明 基本選擇器 $(”#myDiv”) 匹配唯一的具有此id值的元素 $(”div”) 匹配指定名稱的所有元素 $(”.myClass”) 匹配具有此class樣式值的所有元素 $(”*”) 匹配所有元素 $(”div,span,p.myClass”) 聯(lián)合所有匹配的選擇器 層疊選擇器 $(”form input”) 后代選擇器,選擇ancestor的所有子孫節(jié)點(diǎn) $(”#main > *”) 子選擇器,選擇parent的所有子節(jié)點(diǎn) $(”label + input”) 臨選擇器,選擇prev的下一個(gè)臨節(jié)點(diǎn) $(”#prev ~ div”) 同胞選擇器,選擇prev的所有同胞節(jié)點(diǎn) 基本過濾選擇器 $(”tr:first”) 匹配第一個(gè)選擇的元素 $(”tr:last”) 匹配最后一個(gè)選擇的元素 $(”input:not(:checked) + span”)從原元素集合中過濾掉匹配selector的所有元素(這里有是一個(gè)臨選擇器) $(”tr:even”) 匹配集合中偶數(shù)位置的所有元素(從0開始) $(”tr:odd”) 匹配集合中奇數(shù)位置的所有元素(從0開始) $(”td:eq(2)”) 匹配集合中指定位置的元素(從0開始) $(”td:gt(4)”) 匹配集合中指定位置之后的所有元素(從0開始) $(”td:gl(4)”) 匹配集合中指定位置之前的所有元素(從0開始) $(”:header”) 匹配所有標(biāo)題 $(”div:animated”) 匹配所有正在運(yùn)行動(dòng)畫的所有元素 內(nèi)容過濾選擇器 $(”div:contains(’John’)”) 匹配含有指定文本的所有元素 $(”td:empty”) 匹配所有空元素(只含有文本的元素不算空元素) $(”div:has(p)”) 從原元素集合中再次匹配所有至少含有一個(gè)selector的所有元素 $(”td:parent”) 匹配所有不為空的元素(含有文本的元素也算) $(”div:hidden”) 匹配所有隱藏的元素,也包括表單的隱藏域 $(”div:visible”) 匹配所有可見的元素 屬性過濾選擇器 $(”div[id]”) 匹配所有具有指定屬性的元素 $(”input[name=’newsletter’]”) 匹配所有具有指定屬性值的元素 $(”input[name!=’newsletter’]”) 匹配所有不具有指定屬性值的元素 $(”input[name^=’news’]”) 匹配所有指定屬性值以value開頭的元素 $(”input[name$=’letter’]”) 匹配所有指定屬性值以value結(jié)尾的元素 $(”input[name*=’man’]”) 匹配所有指定屬性值含有value字符的元素 $(”input[id][name$=’man’]”) 匹配同時(shí)符合多個(gè)選擇器的所有元素 子元素過濾選擇器 $(”ul li:nth-child(2)”), $(”ul li:nth-child(odd)”), 匹配父元素的第n個(gè)子元素 $(”ul li:nth-child(3n + 1)”) $(”div span:first-child”) 匹配父元素的第1個(gè)子元素 $(”div span:last-child”) 匹配父元素的最后1個(gè)子元素 $(”div button:only-child”) 匹配父元素的唯一1個(gè)子元素 表單元素選擇器 $(”:input”) 匹配所有的表單輸入元素,包括所有類型的input, textarea, select 和 button $(”:text”) 匹配所有類型為text的input元素 $(”:password”) 匹配所有類型為password的input元素 $(”:radio”) 匹配所有類型為radio的input元素 $(”:checkbox”) 匹配所有類型為checkbox的input元素 $(”:submit”) 匹配所有類型為submit的input元素 $(”:image”) 匹配所有類型為image的input元素 $(”:reset”) 匹配所有類型為reset的input元素 $(”:button”) 匹配所有類型為button的input元素 $(”:file”) 匹配所有類型為file的input元素 $(”:hidden”) 匹配所有類型為hidden的input元素或表單的隱藏域 表單元素過濾選擇器 $(”:enabled”) 匹配所有可操作的表單元素 $(”:disabled”) 匹配所有不可操作的表單元素 $(”:checked”) 匹配所有已點(diǎn)選的元素 $(”select option:selected”) 匹配所有已選擇的元素 JQuery CSS 方法說明 css( name ) 訪問第一個(gè)匹配元素的樣式屬性。 css( properties ) 把一個(gè)”名/值對”對象設(shè)置為所有匹配元素的樣式屬性。 $(”p”).hover(function () { $(this).css({ backgroundColor:”yellow”, fontWeight:”bolder” }); }, function () { var cssObj = { backgroundColor: “#ddd”, fontWeight: “”, color: “rgb(0,40,244)” } $(this).css(cssObj); }); css( name, value ) 在所有匹配的元素中,設(shè)置一個(gè)樣式屬性的值。 offset( ) 取得匹配的第一個(gè)元素相對于當(dāng)前可視窗口的位置。返回的對象有2個(gè)屬性, top和left,屬性值為整數(shù)。這個(gè)函數(shù)只能用于可見元素。 var p = $(”p:last”); var offset = p.offset(); p.html( “l(fā)eft: ” + offset.left + “, top: ” + offset.top ); width( ) 取得當(dāng)前第一匹配的元素的寬度值, width( val ) 為每個(gè)匹配的元素設(shè)置指定的寬度值。 height( ) 取得當(dāng)前第一匹配的元素的高度值, height( val ) 為每個(gè)匹配的元素設(shè)置指定的高度值。 JQuery Utilities 方法說明 jQuery.browser .msie 表示ie jQuery.browser.version 讀取用戶瀏覽器的版本信息 jQuery.boxModel 檢測用戶瀏覽器針對當(dāng)前頁的顯示是否基于w3c CSS的盒模型 jQuery.isFunction( obj ) 檢測傳遞的參數(shù)是否為function function stub() { } var objs = [ function () {}, { x:15, y:20 }, null, stub, “function” ]; jQuery.each(objs, function (i) { var isFunc = jQuery.isFunction(objs[i]); $(”span:eq( ” + i + “)”).text(isFunc); }); jQuery.trim( str ) 清除字符串兩端的空格,使用正則表達(dá)式來清除給定字符兩端的空格 jQuery.each( object, callback ) 一個(gè)通用的迭代器,可以用來無縫迭代對象和數(shù)組 jQuery.extend( target, object1, [objectN] ) 擴(kuò)展一個(gè)對象,修改原來的對象并返回,這是一個(gè)強(qiáng)大的實(shí)現(xiàn)繼承的 工具,這種繼承是采用傳值的方法來實(shí)現(xiàn)的,而不是JavaScript中的 原型鏈方式。 合并settings和options對象,返回修改后的settings對象 var settings = { validate: false, limit: 5, name: “foo” }; var options = { validate: true, name: “bar” }; jQuery.extend(settings, options); 合并defaults和options對象,defaults對象并沒有被修改。options對象中的值 代替了defaults對象的值傳遞給了empty。 var empty = {} var defaults = { validate: false, limit: 5, name: “foo” }; var options = { validate: true, name: “bar” }; var settings = $.extend(empty, defaults, options); jQuery.grep( array, callback, [invert] ) 通過一個(gè)篩選函數(shù)來去除數(shù)組中的項(xiàng) $.grep( [0,1,2], function(n,i){ return n > 0; }); jQuery.makeArray( obj ) 將一個(gè)類似數(shù)組的對象轉(zhuǎn)化為一個(gè)真正的數(shù)組 將選取的div元素集合轉(zhuǎn)化為一個(gè)數(shù)組 var arr = jQuery.makeArray(document.getElementsByTagName(”div”)); arr.reverse(); // use an Array method on list of dom elements $(arr).appendTo(document.body); jQuery.map( array, callback ) 使用某個(gè)方法修改一個(gè)數(shù)組中的項(xiàng),然后返回一個(gè)新的數(shù)組 jQuery.inArray( value, array ) 返回value在數(shù)組中的位置,如果沒有找到,則返回-1 jQuery.unique( array ) 刪除數(shù)組中的所有重復(fù)元素,返回整理后的數(shù)組

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    一本久道久久综合中文字幕| 91麻豆视频国产一区二区| 久久综合九色综合欧美| 男人和女人草逼免费视频 | 尤物天堂av一区二区| 精品人妻一区二区三区免费看| 色婷婷丁香激情五月天| 伊人国产精选免费观看在线视频| 欧美日韩亚洲国产av| 成人午夜激情在线免费观看| 国产视频在线一区二区| 黑鬼糟蹋少妇资源在线观看| 国产精品国产亚洲看不卡| 真实偷拍一区二区免费视频| 午夜福利黄片免费观看| 国产精品制服丝袜美腿丝袜| 欧美不雅视频午夜福利| 亚洲深夜精品福利一区| 亚洲av首页免费在线观看| 夫妻性生活黄色录像视频| 一本久道久久综合中文字幕| 婷婷九月在线中文字幕| 中文字幕亚洲精品乱码加勒比| 国内精品偷拍视频久久| 欧美精品一区久久精品| 在线观看视频日韩精品| 国产精欧美一区二区三区久久| 九九热国产这里只有精品| 久久婷婷综合色拍亚洲| 欧美精品久久一二三区| 国产精品美女午夜视频| 大尺度激情福利视频在线观看| 日本欧美一区二区三区在线播 | 成人国产激情在线视频| 日本在线视频播放91| 国产福利一区二区久久| 欧美一区二区三区不卡高清视| 精品少妇人妻av免费看| 亚洲一区二区三区熟女少妇| 国产精品香蕉免费手机视频| 九九热精品视频免费在线播放|