一天早上要去上班。
一打開車門就看見老婆給我的小紙條：
“一定要加油哦！”
旁邊還畫了個心，
當時我感動了，
心裡就默默的發誓：
“老婆，我一定會努力賺錢讓你過好日子的。”
15分鐘後……
在高速公路上
沒油
被拖車拖到了服務區……
一打開車門就看見老婆給我的小紙條：
“一定要加油哦！”
旁邊還畫了個心，
當時我感動了，
心裡就默默的發誓：
“老婆，我一定會努力賺錢讓你過好日子的。”
15分鐘後……
在高速公路上
沒油
被拖車拖到了服務區……
- 7月 13 週日 201423:30
加油哦
- 7月 13 週日 201423:27
銷售賣什麼
銷售賣什麼呢？
賣辣椒的人總會遇到這樣的問題，“妳這辣椒辣嗎？”怎麼回答呢？說辣吧，怕辣的人，立刻走了；答不辣吧，也許人家喜歡吃辣的，生意還是不成。
一天没事，我就站在一個賣辣椒婦女的三輪車旁，看她怎樣解這個二律背反難題。
趁著眼前没有買主，我自作聰明地對她說：妳把辣椒分成兩堆吧，有人要辣的妳就給他說這堆是，有人要不辣的妳就給他說那堆是。
賣辣椒的婦女對我笑了笑，輕聲說：用不著！⋯⋯
說著就來了一個買主，問的果然是那句老話：辣椒辣嗎？
賣辣椒的婦女很肯定地告訴他：顏色深的辣，淺的不辣！買主信以為真，挑好付過錢，滿意地走了。不一會兒，顏色淺的辣椒就所剩無幾了。
又有個買主來了，問的還是那句話：辣椒辣嗎？賣辣椒的婦女看了一眼自己的辣椒，信口答道：長的辣，短的不辣！果然，買主就按照她的分類標準開始挑起来。這輪結果是，長辣椒很快告罄。
看著剩下的都是深顏色的短辣椒，我心裡想：這回看妳還有什麼說法？
當又一個買主問“辣椒辣嗎？”的時候，賣辣椒的婦女信心十足地回答：“硬皮的辣，軟皮的不辣！”我暗暗佩服，可不是嘛，被太陽曬了半天，確實有很多辣椒因失水變得軟綿綿了。
賣辣椒的婦女賣完辣椒，臨走時對我說：你說的那個辦法賣辣椒的都知道，而我的辦法只有我自己知道。
賣辣椒的人總會遇到這樣的問題，“妳這辣椒辣嗎？”怎麼回答呢？說辣吧，怕辣的人，立刻走了；答不辣吧，也許人家喜歡吃辣的，生意還是不成。
一天没事，我就站在一個賣辣椒婦女的三輪車旁，看她怎樣解這個二律背反難題。
趁著眼前没有買主，我自作聰明地對她說：妳把辣椒分成兩堆吧，有人要辣的妳就給他說這堆是，有人要不辣的妳就給他說那堆是。
賣辣椒的婦女對我笑了笑，輕聲說：用不著！⋯⋯
說著就來了一個買主，問的果然是那句老話：辣椒辣嗎？
賣辣椒的婦女很肯定地告訴他：顏色深的辣，淺的不辣！買主信以為真，挑好付過錢，滿意地走了。不一會兒，顏色淺的辣椒就所剩無幾了。
又有個買主來了，問的還是那句話：辣椒辣嗎？賣辣椒的婦女看了一眼自己的辣椒，信口答道：長的辣，短的不辣！果然，買主就按照她的分類標準開始挑起来。這輪結果是，長辣椒很快告罄。
看著剩下的都是深顏色的短辣椒，我心裡想：這回看妳還有什麼說法？
當又一個買主問“辣椒辣嗎？”的時候，賣辣椒的婦女信心十足地回答：“硬皮的辣，軟皮的不辣！”我暗暗佩服，可不是嘛，被太陽曬了半天，確實有很多辣椒因失水變得軟綿綿了。
賣辣椒的婦女賣完辣椒，臨走時對我說：你說的那個辦法賣辣椒的都知道，而我的辦法只有我自己知道。
- 6月 11 週三 201408:40
JavaScript 事件
轉自 http://blog.xuite.net/kenstars2005/Internet/19381015
事件(Events) 是一些動作，且能夠被 JavaScript 偵測到。
事件Events
藉由 JavaScript，我們可以建立動態的網頁。事件是可以被 JavaScript偵測到的動作。.
有那些事件呢：
以下列表出能夠被 JavaScript使用的事件：
註: 事件通常與function結合使用，所以直至事件觸發 function的功能才會產生作用
onload and onUnload
當使用者進入或離開網頁時 onload and onUnload 事件會受到觸發。
onload 事件通常是檢查使用者的瀏灠器型式及版本，並根據資料給序適當的網頁版本。
當使用者進入或離開網頁時 onload and onUnload 二種事件通常都是用來處理cookies . 例如：當使用者第一次進入你的網頁時，你可以設一個跳出的視窗要求使用者輸入他的名字. 這個資訊會被存成一個 cookie. 下一次當他再進入你的網頁時，你可以再以一個跳出視窗顯示 "你好！張三！"
onFocus, onBlur and onChange
onFocus, onBlur and onChange 事件通常與文字區域的確認結合使用。
下列的例子顯示如何使用 onChange 事件。無論使用者改變文字的內容為何 checkEmail() function 會被呼叫執行。
<input type="text" size="30"
id="email" onchange="checkEmail()">;onSubmit
在確認前 onSubmit 事件是用來確認所有的文字區域。
以下的例子說明如何使用 onSubmit 事件。當使用者在文字區域內按下確認時 checkForm() function 會被呼叫執行。如果區域內的值未被接受，確認就會被取消， function checkForm() 會傳回成立或不成立。如果傳回的值成立文字會被確認，反之則否。
<form method="post" action="xxx.htm"
onsubmit="return checkForm()">onMouseOver and onMouseOut
onMouseOver and onMouseOut 通常用來建立"動態"的按紐。
下列的例子說明：當 onMouseOver 事件被觸發，一個警告視窗會出現
<a href="http://www.w3schools.com"
onmouseover="alert('An onMouseOver event');return false"
<img src="w3schools.gif" width="100" height="30">
</a>
- 6月 11 週三 201408:34
jQuery 方法大全
Attribute：
$("p").addClass(css中定義的樣式類型); 給某個元素添加樣式
$("img").attr({src:"test.jpg",alt:"test Image"}); 給某個元素添加屬性/值，參數是map
$("img").attr("src","test.jpg"); 給某個元素添加屬性/值
$("img").attr("title", function() { return this.src }); 給某個元素添加屬性/值
$("元素名稱").html(); 獲得該元素內的內容（元素，文本等）
$("元素名稱").html("<b>new stuff</b>"); 給某元素設置內容
$("元素名稱").removeAttr("屬性名稱") 給某元素刪除指定的屬性以及該屬性的值
$("元素名稱").removeClass("class") 給某元素刪除指定的樣式
$("元素名稱").text(); 獲得該元素的文本
$("元素名稱").text(value); 設置該元素的文本值為value
$("元素名稱").toggleClass(class) 當元素存在參數中的樣式的時候取消,如果不存在就設置此樣式
$("input元素名稱").val(); 獲取input元素的值
$("input元素名稱").val(value); 設置input元素的值為value
Manipulation：
$("元素名稱").after(content); 在匹配元素後面添加內容
$("元素名稱").append(content); 將content作為元素的內容插入到該元素的後面
$("元素名稱").appendTo(content); 在content後接元素
$("元素名稱").before(content); 與after方法相反
$("元素名稱").clone(布爾表達式) 當布爾表達式為真時，克隆元素（無參時，當作true處理）
$("元素名稱").empty() 將該元素的內容設置為空
$("元素名稱").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") 相當於在body中寫了一段html代碼
$(elems) 獲得DOM上的某個元素
$(function(){……..}); 執行一個函數
$("div > p").css("border", "1px solid gray"); 查找所有div的子節點p，添加樣式
$("input:radio", document.forms[0]) 在當前頁面的第一個表單中查找所有的單選按鈕
$.extend(prop) prop是一個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]); 在默認情況下，$()查詢的是當前HTML文檔中的DOM元素。
each( callback ) 以每一個匹配的元素作為上下文來執行一個函數
舉例：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事件，否則該函數不能執行。 在每個頁面中可以
有很多個函數被加載執行，按照fn的順序來執行。
bind( type, [data], fn ) 為每一個匹配元素的特定事件（像click）綁定一個或多個事件處理器函數。 可能的事件屬性有：blur, 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 ) 為每一個匹配元素的特定事件（像click）綁定一個或多個事件處理器函數。 在每個對
像上，這個事件處理函數只會被執行一次。 其他規則與bind()函數相同。
trigger( type, [data] ) 在每一個匹配的元素上觸發某類事件。
triggerHandler( type, [data] ) 這一特定方法會觸發一個元素上特定的事件(指定一個事件類型)，同時取消瀏覽器對此事件的默認行動
unbind( [type], [data] ) 反綁定，從每一個匹配的元素中刪除綁定的事件。
$("p").unbind() 移除所有段落上的所有綁定的事件
$("p").unbind( "click" ) 移除所有段落上的click事件
hover( over, out ) over,out都是方法, 當鼠標移動到一個匹配的元素上面時，會觸髮指定的第一個函數。 當鼠標移出這個元素時，會觸髮指定的第二個函數。
$("p").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
}
);
toggle( fn, fn ) 如果點擊了一個匹配的元素，則觸髮指定的第一個函數，當再次點擊同一元素時，則觸髮指定的第二個函數。
$("p").toggle(function(){
$(this).addClass("selected");
},
function(){
$(this).removeClass("selected");
}
);
元素事件列表說明
注：不帶參數的函數，其參數為可選的fn。 jQuery不支持form元素的reset事件。
事件描述支持元素或對象
blur( ) 元素失去焦點a, input, textarea, button, select, label, map, area
change( ) 用戶改變域的內容input, textarea, select
click( ) 鼠標點擊某個對象幾乎所有元素
dblclick( ) 鼠標雙擊某個對象幾乎所有元素
error( ) 當加載文檔或圖像時發生某個錯誤window, img
focus( ) 元素獲得焦點a, input, textarea, button, select, label, map, area
keydown( ) 某個鍵盤的鍵被按下幾乎所有元素
keypress( ) 某個鍵盤的鍵被按下或按住幾乎所有元素
keyup( ) 某個鍵盤的鍵被鬆開幾乎所有元素
load( fn ) 某個頁面或圖像被完成加載window, img
mousedown( fn ) 某個鼠標按鍵被按下幾乎所有元素
mousemove( fn ) 鼠標被移動幾乎所有元素
mouseout( fn ) 鼠標從某元素移開幾乎所有元素
mouseover( fn ) 鼠標被移到某元素之上幾乎所有元素
mouseup( fn ) 某個鼠標按鍵被鬆開幾乎所有元素
resize( fn ) 窗口或框架被調整尺寸window, iframe, frame
scroll( fn ) 滾動文檔的可視部分時window
select( ) 文本被選定document, input, textarea
submit( ) 提交按鈕被點擊form
unload( fn ) 用戶退出頁面window
JQuery Ajax 方法說明:
load( url, [data], [callback] ) 裝入一個遠程HTML內容到一個DOM結點。
$("#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請求一個頁面。
$.get("test.cgi", { name: "John", time: "2pm" }, function(data){
alert("Data Loaded: " + data);
});
jQuery.getJSON( url, [data], [callback] ) 使用GET請求JSON數據。
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});
jQuery.getScript( url, [callback] ) 使用GET請求JavaScript文件並執行。
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
jQuery.post( url, [data], [callback], [type] ) 使用POST請求一個頁面。
ajaxComplete( callback ) 當一個AJAX請求結束後，執行一個函數。 這是一個Ajax事件
$("#msg").ajaxComplete(function(request, settings){
$(this).append("<li>Request Complete.</li>");
});
ajaxError( callback ) 當一個AJAX請求失敗後，執行一個函數。 這是一個Ajax事件
$("#msg").ajaxError(function(request, settings){
$(this).append("<li>Error requesting page " + settings.url + "</li>");
});
ajaxSend( callback ) 在一個AJAX請求發送時，執行一個函數。 這是一個Ajax事件
$("#msg").ajaxSend(function(evt, request, settings){
$(this).append("<li<Starting request at " + settings.url
+ "</li<");
});
ajaxStart( callback ) 在一個AJAX請求開始但還沒有激活時，執行一個函數。 這是一個Ajax事件
當AJAX請求開始(並還沒有激活時)顯示loading信息
$("#loading").ajaxStart(function(){
$(this).show();
});
ajaxStop( callback ) 當所有的AJAX都停止時，執行一個函數。 這是一個Ajax事件
當所有AJAX請求都停止時，隱藏loading信息。
$("#loading").ajaxStop(function(){
$(this).hide();
});
ajaxSuccess( callback ) 當一個AJAX請求成功完成後，執行一個函數。 這是一個Ajax事件
當AJAX請求成功完成時，顯示信息。
$("#msg").ajaxSuccess(function(evt, request, settings){
$(this).append("<li>Successful Request!</li>");
});
jQuery.ajaxSetup( options ) 為所有的AJAX請求進行全局設置。 查看$.ajax函數取得所有選項信息。
設置默認的全局AJAX請求選項。
$.ajaxSetup({
url: "/xmlhttp/",
global: false,
type: "POST"
});
$.ajax({ data: myData });
serialize( ) 以名稱和值的方式連接一組input元素。 實現了正確表單元素序列
function showValues() {
var str = $("form").serialize();
$("#results").text(str);
}
$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
showValues();
serializeArray( ) 連接所有的表單和表單元素(類似於.serialize()方法)，但是返回一個JSON數據格式。
從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] ) 以優雅的動畫顯示所有匹配的元素，並在顯示完成後可選地觸發一個回調函數。
hide( ) 隱藏所有的匹配元素。
hide( speed, [callback] ) 以優雅的動畫隱藏所有匹配的元素，並在顯示完成後可選地觸發一個回調函數
toggle( ) 切換元素的可見狀態。 如果元素是可見的，切換為隱藏的；如果元素是隱藏的，
切換為可見的。
slideDown( speed, [callback] ) 通過高度變化（向下增大）來動態地顯示所有匹配的元素，在顯示完成後可選
地觸發一個回調函數。 這個動畫效果只調整元素的高度，可以使匹配的元素以
"滑動"的方式顯示出來。
slideUp( speed, [callback] ) 通過高度變化（向上減小）來動態地隱藏所有匹配的元素，在隱藏完成後可選地
觸發一個回調函數。 這個動畫效果只調整元素的高度，可以使匹配的元素以"滑動"
的方式隱藏起來。
slideToggle( speed, [callback] ) 通過高度變化來切換所有匹配元素的可見性，並在切換完成後可選地觸發一個回
調函數。 這個動畫效果只調整元素的高度，可以使匹配的元素以"滑動"的方式隱
藏或顯示。
fadeIn( speed, [callback] ) 通過不透明度的變化來實現所有匹配元素的淡入效果，並在動畫完成後可選地觸
發一個回調函數。 這個動畫只調整元素的不透明度，也就是說所有匹配的元素的
高度和寬度不會發生變化。
fadeOut( speed, [callback] ) 通過不透明度的變化來實現所有匹配元素的淡出效果，並在動畫完成後可選地觸
發一個回調函數。 這個動畫只調整元素的不透明度，也就是說所有匹配的元素的
高度和寬度不會發生變化。
fadeTo( speed, opacity, [callback] ) 把所有匹配元素的不透明度以漸進方式調整到指定的不透明度，並在動畫完成
後可選地觸發一個回調函數。 這個動畫只調整元素的不透明度，也就是說所
有匹配的元素的高度和寬度不會發生變化。
stop( ) 停止所有匹配元素當前正在運行的動畫。 如果有動畫處於隊列當中，他們就會立即開始。
queue( ) 取得第一個匹配元素的動畫序列的引用(返回一個內容為函數的數組)
queue( callback ) 在每一個匹配元素的事件序列的末尾添加一個可執行函數，作為此元素的事件函數
queue( queue ) 以一個新的動畫序列代替所有匹配元素的原動畫序列
dequeue( ) 執行並移除動畫序列前端的動畫
animate( params, [duration], [easing], [callback] ) 用於創建自定義動畫的函數。
animate( params, options ) 創建自定義動畫的另一個方法。 作用同上。
JQuery Traversing 方法說明
eq( index ) 從匹配的元素集合中取得一個指定位置的元素，index從0開始
filter( expr ) 返回與指定表達式匹配的元素集合，可以使用","號分割多個expr，用於實現多個條件篩選
filter( fn ) 利用一個特殊的函數來作為篩選條件移除集合中不匹配的元素。
is( expr ) 用一個表達式來檢查當前選擇的元素集合，如果其中至少有一個元素符合這個給定的
表達式就返回true。
map( callback ) 將jQuery對像中的一組元素利用callback方法轉換其值，然後添加到一個jQuery數組中。
not( expr ) 從匹配的元素集合中刪除與指定的表達式匹配的元素。
slice( start, [end] ) 從匹配元素集合中取得一個子集，和內建的數組的slice方法相同。
add( expr ) 把與表達式匹配的元素添加到jQuery對像中。
children( [expr] ) 取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合。 可選的過濾器
將使這個方法只匹配符合的元素(只包括元素節點，不包括文本節點)。
contents( ) 取得一個包含匹配的元素集合中每一個元素的所有子孫節點的集合(只包括元素節點，不
包括文本節點)，如果元素為iframe，則取得其中的文檔元素
find( expr ) 搜索所有與指定表達式匹配的元素。
next( [expr] ) 取得一個包含匹配的元素集合中每一個元素緊鄰的後面同輩元素的元素集合。
nextAll( [expr] ) 取得一個包含匹配的元素集合中每一個元素所有的後面同輩元素的元素集合
parent( [expr] ) 取得一個包含著所有匹配元素的唯一父元素的元素集合。
parents( [expr] ) 取得一個包含著所有匹配元素的唯一祖先元素的元素集合（不包含根元素）。
prev( [expr] ) 取得一個包含匹配的元素集合中每一個元素緊鄰的前一個同輩元素的元素集合。
prevAll( [expr] ) 取得一個包含匹配的元素集合中每一個元素的之前所有同輩元素的元素集合。
siblings( [expr] ) 取得一個包含匹配的元素集合中每一個元素的所有同輩元素的元素集合。
andSelf( ) 將前一個匹配的元素集合添加到當前的集合中
取得所有div元素和其中的p元素，添加border類屬性。 取得所有div元素中的p元素，
添加background類屬性
$("div").find("p").andSelf().addClass("border");
$("div").find("p").addClass("background");
end( ) 結束當前的操作，回到當前操作的前一個操作
找到所有p元素其中的span元素集合，然後返回p元素集合，添加css屬性
$("p").find("span").end().css("border", "2px red solid");
JQuery Selectors 方法說明
基本選擇器
$("#myDiv") 匹配唯一的具有此id值的元素
$("div") 匹配指定名稱的所有元素
$(".myClass") 匹配具有此class樣式值的所有元素
$("*") 匹配所有元素
$("div,span,p.myClass") 聯合所有匹配的選擇器
層疊選擇器
$("form input") 後代選擇器，選擇ancestor的所有子孫節點
$("#main > *") 子選擇器，選擇parent的所有子節點
$("label + input") 臨選擇器，選擇prev的下一個臨節點
$("#prev ~ div") 同胞選擇器，選擇prev的所有同胞節點
基本過濾選擇器
$("tr:first") 匹配第一個選擇的元素
$("tr:last") 匹配最後一個選擇的元素
$("input:not(:checked) + span")從原元素集合中過濾掉匹配selector的所有元素（這裡有是一個臨選擇器）
$("tr:even") 匹配集合中偶數位置的所有元素(從0開始)
$("tr:odd") 匹配集合中奇數位置的所有元素(從0開始)
$("td:eq(2)") 匹配集合中指定位置的元素(從0開始)
$("td:gt(4)") 匹配集合中指定位置之後的所有元素(從0開始)
$("td:gl(4)") 匹配集合中指定位置之前的所有元素(從0開始)
$(":header") 匹配所有標題
$("div:animated") 匹配所有正在運行動畫的所有元素
內容過濾選擇器
$("div:contains('John')") 匹配含有指定文本的所有元素
$("td:empty") 匹配所有空元素(只含有文本的元素不算空元素)
$("div:has(p)") 從原元素集合中再次匹配所有至少含有一個selector的所有元素
$("td:parent") 匹配所有不為空的元素(含有文本的元素也算)
$("div:hidden") 匹配所有隱藏的元素，也包括表單的隱藏域
$("div:visible") 匹配所有可見的元素
屬性過濾選擇器
$("div[id]") 匹配所有具有指定屬性的元素
$("input[name='newsletter']") 匹配所有具有指定屬性值的元素
$("input[name!='newsletter']") 匹配所有不具有指定屬性值的元素
$("input[name^='news']") 匹配所有指定屬性值以value開頭的元素
$("input[name$='letter']") 匹配所有指定屬性值以value結尾的元素
$("input[name*='man']") 匹配所有指定屬性值含有value字符的元素
$("input[id][name$='man']") 匹配同時符合多個選擇器的所有元素
子元素過濾選擇器
$("ul li:nth-child(2)"),
$("ul li:nth-child(odd)"), 匹配父元素的第n個子元素
$("ul li:nth-child(3n + 1)")
$("div span:first-child") 匹配父元素的第1個子元素
$("div span:last-child") 匹配父元素的最後1個子元素
$("div button:only-child") 匹配父元素的唯一1個子元素
表單元素選擇器
$(":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") 匹配所有已點選的元素
$("select option:selected") 匹配所有已選擇的元素
JQuery CSS 方法說明
css( name ) 訪問第一個匹配元素的樣式屬性。
css( properties ) 把一個"名/值對"對象設置為所有匹配元素的樣式屬性。
$("p").hover(function () {
$(this).css({ backgroundColor:"yellow", fontWeight:"bolder" });
}, function () {
var cssObj = {
backgroundColor: "#ddd",
fontWeight: "",
color: "#0028f4"
}
$(this).css(cssObj);
});
css( name, value ) 在所有匹配的元素中，設置一個樣式屬性的值。
offset( ) 取得匹配的第一個元素相對於當前可視窗口的位置。 返回的對像有2個屬性，
top和left，屬性值為整數。 這個函數只能用於可見元素。
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
width( ) 取得當前第一匹配的元素的寬度值，
width( val ) 為每個匹配的元素設置指定的寬度值。
height( ) 取得當前第一匹配的元素的高度值，
height( val ) 為每個匹配的元素設置指定的高度值。
JQuery Utilities 方法說明
jQuery.browser
.msie 表示ie
jQuery.browser.version 讀取用戶瀏覽器的版本信息
jQuery.boxModel 檢測用戶瀏覽器針對當前頁的顯示是否基於W3C CSS的盒模型
jQuery.isFunction( obj ) 檢測傳遞的參數是否為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 ) 清除字符串兩端的空格，使用正則表達式來清除給定字符兩端的空格
jQuery.each( object, callback ) 一個通用的迭代器，可以用來無縫迭代對象和數組
jQuery.extend( target, object1, [objectN] ) 擴展一個對象，修改原來的對象並返回，這是一個強大的實現繼承的
工具，這種繼承是採用傳值的方法來實現的，而不是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] ) 通過一個篩選函數來去除數組中的項
$.grep( [0,1,2], function(n,i){
return n > 0;
});
jQuery.makeArray( obj ) 將一個類似數組的對象轉化為一個真正的數組
將選取的div元素集合轉化為一個數組
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 ) 使用某個方法修改一個數組中的項，然後返回一個新的數組
jQuery.inArray( value, array ) 返回value在數組中的位置，如果沒有找到，則返回-1
jQuery.unique( array ) 刪除數組中的所有重複元素，返回整理後的數組
$("p").addClass(css中定義的樣式類型); 給某個元素添加樣式
$("img").attr({src:"test.jpg",alt:"test Image"}); 給某個元素添加屬性/值，參數是map
$("img").attr("src","test.jpg"); 給某個元素添加屬性/值
$("img").attr("title", function() { return this.src }); 給某個元素添加屬性/值
$("元素名稱").html(); 獲得該元素內的內容（元素，文本等）
$("元素名稱").html("<b>new stuff</b>"); 給某元素設置內容
$("元素名稱").removeAttr("屬性名稱") 給某元素刪除指定的屬性以及該屬性的值
$("元素名稱").removeClass("class") 給某元素刪除指定的樣式
$("元素名稱").text(); 獲得該元素的文本
$("元素名稱").text(value); 設置該元素的文本值為value
$("元素名稱").toggleClass(class) 當元素存在參數中的樣式的時候取消,如果不存在就設置此樣式
$("input元素名稱").val(); 獲取input元素的值
$("input元素名稱").val(value); 設置input元素的值為value
Manipulation：
$("元素名稱").after(content); 在匹配元素後面添加內容
$("元素名稱").append(content); 將content作為元素的內容插入到該元素的後面
$("元素名稱").appendTo(content); 在content後接元素
$("元素名稱").before(content); 與after方法相反
$("元素名稱").clone(布爾表達式) 當布爾表達式為真時，克隆元素（無參時，當作true處理）
$("元素名稱").empty() 將該元素的內容設置為空
$("元素名稱").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") 相當於在body中寫了一段html代碼
$(elems) 獲得DOM上的某個元素
$(function(){……..}); 執行一個函數
$("div > p").css("border", "1px solid gray"); 查找所有div的子節點p，添加樣式
$("input:radio", document.forms[0]) 在當前頁面的第一個表單中查找所有的單選按鈕
$.extend(prop) prop是一個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]); 在默認情況下，$()查詢的是當前HTML文檔中的DOM元素。
each( callback ) 以每一個匹配的元素作為上下文來執行一個函數
舉例：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事件，否則該函數不能執行。 在每個頁面中可以
有很多個函數被加載執行，按照fn的順序來執行。
bind( type, [data], fn ) 為每一個匹配元素的特定事件（像click）綁定一個或多個事件處理器函數。 可能的事件屬性有：blur, 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 ) 為每一個匹配元素的特定事件（像click）綁定一個或多個事件處理器函數。 在每個對
像上，這個事件處理函數只會被執行一次。 其他規則與bind()函數相同。
trigger( type, [data] ) 在每一個匹配的元素上觸發某類事件。
triggerHandler( type, [data] ) 這一特定方法會觸發一個元素上特定的事件(指定一個事件類型)，同時取消瀏覽器對此事件的默認行動
unbind( [type], [data] ) 反綁定，從每一個匹配的元素中刪除綁定的事件。
$("p").unbind() 移除所有段落上的所有綁定的事件
$("p").unbind( "click" ) 移除所有段落上的click事件
hover( over, out ) over,out都是方法, 當鼠標移動到一個匹配的元素上面時，會觸髮指定的第一個函數。 當鼠標移出這個元素時，會觸髮指定的第二個函數。
$("p").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
}
);
toggle( fn, fn ) 如果點擊了一個匹配的元素，則觸髮指定的第一個函數，當再次點擊同一元素時，則觸髮指定的第二個函數。
$("p").toggle(function(){
$(this).addClass("selected");
},
function(){
$(this).removeClass("selected");
}
);
元素事件列表說明
注：不帶參數的函數，其參數為可選的fn。 jQuery不支持form元素的reset事件。
事件描述支持元素或對象
blur( ) 元素失去焦點a, input, textarea, button, select, label, map, area
change( ) 用戶改變域的內容input, textarea, select
click( ) 鼠標點擊某個對象幾乎所有元素
dblclick( ) 鼠標雙擊某個對象幾乎所有元素
error( ) 當加載文檔或圖像時發生某個錯誤window, img
focus( ) 元素獲得焦點a, input, textarea, button, select, label, map, area
keydown( ) 某個鍵盤的鍵被按下幾乎所有元素
keypress( ) 某個鍵盤的鍵被按下或按住幾乎所有元素
keyup( ) 某個鍵盤的鍵被鬆開幾乎所有元素
load( fn ) 某個頁面或圖像被完成加載window, img
mousedown( fn ) 某個鼠標按鍵被按下幾乎所有元素
mousemove( fn ) 鼠標被移動幾乎所有元素
mouseout( fn ) 鼠標從某元素移開幾乎所有元素
mouseover( fn ) 鼠標被移到某元素之上幾乎所有元素
mouseup( fn ) 某個鼠標按鍵被鬆開幾乎所有元素
resize( fn ) 窗口或框架被調整尺寸window, iframe, frame
scroll( fn ) 滾動文檔的可視部分時window
select( ) 文本被選定document, input, textarea
submit( ) 提交按鈕被點擊form
unload( fn ) 用戶退出頁面window
JQuery Ajax 方法說明:
load( url, [data], [callback] ) 裝入一個遠程HTML內容到一個DOM結點。
$("#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請求一個頁面。
$.get("test.cgi", { name: "John", time: "2pm" }, function(data){
alert("Data Loaded: " + data);
});
jQuery.getJSON( url, [data], [callback] ) 使用GET請求JSON數據。
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});
jQuery.getScript( url, [callback] ) 使用GET請求JavaScript文件並執行。
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
jQuery.post( url, [data], [callback], [type] ) 使用POST請求一個頁面。
ajaxComplete( callback ) 當一個AJAX請求結束後，執行一個函數。 這是一個Ajax事件
$("#msg").ajaxComplete(function(request, settings){
$(this).append("<li>Request Complete.</li>");
});
ajaxError( callback ) 當一個AJAX請求失敗後，執行一個函數。 這是一個Ajax事件
$("#msg").ajaxError(function(request, settings){
$(this).append("<li>Error requesting page " + settings.url + "</li>");
});
ajaxSend( callback ) 在一個AJAX請求發送時，執行一個函數。 這是一個Ajax事件
$("#msg").ajaxSend(function(evt, request, settings){
$(this).append("<li<Starting request at " + settings.url
+ "</li<");
});
ajaxStart( callback ) 在一個AJAX請求開始但還沒有激活時，執行一個函數。 這是一個Ajax事件
當AJAX請求開始(並還沒有激活時)顯示loading信息
$("#loading").ajaxStart(function(){
$(this).show();
});
ajaxStop( callback ) 當所有的AJAX都停止時，執行一個函數。 這是一個Ajax事件
當所有AJAX請求都停止時，隱藏loading信息。
$("#loading").ajaxStop(function(){
$(this).hide();
});
ajaxSuccess( callback ) 當一個AJAX請求成功完成後，執行一個函數。 這是一個Ajax事件
當AJAX請求成功完成時，顯示信息。
$("#msg").ajaxSuccess(function(evt, request, settings){
$(this).append("<li>Successful Request!</li>");
});
jQuery.ajaxSetup( options ) 為所有的AJAX請求進行全局設置。 查看$.ajax函數取得所有選項信息。
設置默認的全局AJAX請求選項。
$.ajaxSetup({
url: "/xmlhttp/",
global: false,
type: "POST"
});
$.ajax({ data: myData });
serialize( ) 以名稱和值的方式連接一組input元素。 實現了正確表單元素序列
function showValues() {
var str = $("form").serialize();
$("#results").text(str);
}
$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
showValues();
serializeArray( ) 連接所有的表單和表單元素(類似於.serialize()方法)，但是返回一個JSON數據格式。
從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] ) 以優雅的動畫顯示所有匹配的元素，並在顯示完成後可選地觸發一個回調函數。
hide( ) 隱藏所有的匹配元素。
hide( speed, [callback] ) 以優雅的動畫隱藏所有匹配的元素，並在顯示完成後可選地觸發一個回調函數
toggle( ) 切換元素的可見狀態。 如果元素是可見的，切換為隱藏的；如果元素是隱藏的，
切換為可見的。
slideDown( speed, [callback] ) 通過高度變化（向下增大）來動態地顯示所有匹配的元素，在顯示完成後可選
地觸發一個回調函數。 這個動畫效果只調整元素的高度，可以使匹配的元素以
"滑動"的方式顯示出來。
slideUp( speed, [callback] ) 通過高度變化（向上減小）來動態地隱藏所有匹配的元素，在隱藏完成後可選地
觸發一個回調函數。 這個動畫效果只調整元素的高度，可以使匹配的元素以"滑動"
的方式隱藏起來。
slideToggle( speed, [callback] ) 通過高度變化來切換所有匹配元素的可見性，並在切換完成後可選地觸發一個回
調函數。 這個動畫效果只調整元素的高度，可以使匹配的元素以"滑動"的方式隱
藏或顯示。
fadeIn( speed, [callback] ) 通過不透明度的變化來實現所有匹配元素的淡入效果，並在動畫完成後可選地觸
發一個回調函數。 這個動畫只調整元素的不透明度，也就是說所有匹配的元素的
高度和寬度不會發生變化。
fadeOut( speed, [callback] ) 通過不透明度的變化來實現所有匹配元素的淡出效果，並在動畫完成後可選地觸
發一個回調函數。 這個動畫只調整元素的不透明度，也就是說所有匹配的元素的
高度和寬度不會發生變化。
fadeTo( speed, opacity, [callback] ) 把所有匹配元素的不透明度以漸進方式調整到指定的不透明度，並在動畫完成
後可選地觸發一個回調函數。 這個動畫只調整元素的不透明度，也就是說所
有匹配的元素的高度和寬度不會發生變化。
stop( ) 停止所有匹配元素當前正在運行的動畫。 如果有動畫處於隊列當中，他們就會立即開始。
queue( ) 取得第一個匹配元素的動畫序列的引用(返回一個內容為函數的數組)
queue( callback ) 在每一個匹配元素的事件序列的末尾添加一個可執行函數，作為此元素的事件函數
queue( queue ) 以一個新的動畫序列代替所有匹配元素的原動畫序列
dequeue( ) 執行並移除動畫序列前端的動畫
animate( params, [duration], [easing], [callback] ) 用於創建自定義動畫的函數。
animate( params, options ) 創建自定義動畫的另一個方法。 作用同上。
JQuery Traversing 方法說明
eq( index ) 從匹配的元素集合中取得一個指定位置的元素，index從0開始
filter( expr ) 返回與指定表達式匹配的元素集合，可以使用","號分割多個expr，用於實現多個條件篩選
filter( fn ) 利用一個特殊的函數來作為篩選條件移除集合中不匹配的元素。
is( expr ) 用一個表達式來檢查當前選擇的元素集合，如果其中至少有一個元素符合這個給定的
表達式就返回true。
map( callback ) 將jQuery對像中的一組元素利用callback方法轉換其值，然後添加到一個jQuery數組中。
not( expr ) 從匹配的元素集合中刪除與指定的表達式匹配的元素。
slice( start, [end] ) 從匹配元素集合中取得一個子集，和內建的數組的slice方法相同。
add( expr ) 把與表達式匹配的元素添加到jQuery對像中。
children( [expr] ) 取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合。 可選的過濾器
將使這個方法只匹配符合的元素(只包括元素節點，不包括文本節點)。
contents( ) 取得一個包含匹配的元素集合中每一個元素的所有子孫節點的集合(只包括元素節點，不
包括文本節點)，如果元素為iframe，則取得其中的文檔元素
find( expr ) 搜索所有與指定表達式匹配的元素。
next( [expr] ) 取得一個包含匹配的元素集合中每一個元素緊鄰的後面同輩元素的元素集合。
nextAll( [expr] ) 取得一個包含匹配的元素集合中每一個元素所有的後面同輩元素的元素集合
parent( [expr] ) 取得一個包含著所有匹配元素的唯一父元素的元素集合。
parents( [expr] ) 取得一個包含著所有匹配元素的唯一祖先元素的元素集合（不包含根元素）。
prev( [expr] ) 取得一個包含匹配的元素集合中每一個元素緊鄰的前一個同輩元素的元素集合。
prevAll( [expr] ) 取得一個包含匹配的元素集合中每一個元素的之前所有同輩元素的元素集合。
siblings( [expr] ) 取得一個包含匹配的元素集合中每一個元素的所有同輩元素的元素集合。
andSelf( ) 將前一個匹配的元素集合添加到當前的集合中
取得所有div元素和其中的p元素，添加border類屬性。 取得所有div元素中的p元素，
添加background類屬性
$("div").find("p").andSelf().addClass("border");
$("div").find("p").addClass("background");
end( ) 結束當前的操作，回到當前操作的前一個操作
找到所有p元素其中的span元素集合，然後返回p元素集合，添加css屬性
$("p").find("span").end().css("border", "2px red solid");
JQuery Selectors 方法說明
基本選擇器
$("#myDiv") 匹配唯一的具有此id值的元素
$("div") 匹配指定名稱的所有元素
$(".myClass") 匹配具有此class樣式值的所有元素
$("*") 匹配所有元素
$("div,span,p.myClass") 聯合所有匹配的選擇器
層疊選擇器
$("form input") 後代選擇器，選擇ancestor的所有子孫節點
$("#main > *") 子選擇器，選擇parent的所有子節點
$("label + input") 臨選擇器，選擇prev的下一個臨節點
$("#prev ~ div") 同胞選擇器，選擇prev的所有同胞節點
基本過濾選擇器
$("tr:first") 匹配第一個選擇的元素
$("tr:last") 匹配最後一個選擇的元素
$("input:not(:checked) + span")從原元素集合中過濾掉匹配selector的所有元素（這裡有是一個臨選擇器）
$("tr:even") 匹配集合中偶數位置的所有元素(從0開始)
$("tr:odd") 匹配集合中奇數位置的所有元素(從0開始)
$("td:eq(2)") 匹配集合中指定位置的元素(從0開始)
$("td:gt(4)") 匹配集合中指定位置之後的所有元素(從0開始)
$("td:gl(4)") 匹配集合中指定位置之前的所有元素(從0開始)
$(":header") 匹配所有標題
$("div:animated") 匹配所有正在運行動畫的所有元素
內容過濾選擇器
$("div:contains('John')") 匹配含有指定文本的所有元素
$("td:empty") 匹配所有空元素(只含有文本的元素不算空元素)
$("div:has(p)") 從原元素集合中再次匹配所有至少含有一個selector的所有元素
$("td:parent") 匹配所有不為空的元素(含有文本的元素也算)
$("div:hidden") 匹配所有隱藏的元素，也包括表單的隱藏域
$("div:visible") 匹配所有可見的元素
屬性過濾選擇器
$("div[id]") 匹配所有具有指定屬性的元素
$("input[name='newsletter']") 匹配所有具有指定屬性值的元素
$("input[name!='newsletter']") 匹配所有不具有指定屬性值的元素
$("input[name^='news']") 匹配所有指定屬性值以value開頭的元素
$("input[name$='letter']") 匹配所有指定屬性值以value結尾的元素
$("input[name*='man']") 匹配所有指定屬性值含有value字符的元素
$("input[id][name$='man']") 匹配同時符合多個選擇器的所有元素
子元素過濾選擇器
$("ul li:nth-child(2)"),
$("ul li:nth-child(odd)"), 匹配父元素的第n個子元素
$("ul li:nth-child(3n + 1)")
$("div span:first-child") 匹配父元素的第1個子元素
$("div span:last-child") 匹配父元素的最後1個子元素
$("div button:only-child") 匹配父元素的唯一1個子元素
表單元素選擇器
$(":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") 匹配所有已點選的元素
$("select option:selected") 匹配所有已選擇的元素
JQuery CSS 方法說明
css( name ) 訪問第一個匹配元素的樣式屬性。
css( properties ) 把一個"名/值對"對象設置為所有匹配元素的樣式屬性。
$("p").hover(function () {
$(this).css({ backgroundColor:"yellow", fontWeight:"bolder" });
}, function () {
var cssObj = {
backgroundColor: "#ddd",
fontWeight: "",
color: "#0028f4"
}
$(this).css(cssObj);
});
css( name, value ) 在所有匹配的元素中，設置一個樣式屬性的值。
offset( ) 取得匹配的第一個元素相對於當前可視窗口的位置。 返回的對像有2個屬性，
top和left，屬性值為整數。 這個函數只能用於可見元素。
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
width( ) 取得當前第一匹配的元素的寬度值，
width( val ) 為每個匹配的元素設置指定的寬度值。
height( ) 取得當前第一匹配的元素的高度值，
height( val ) 為每個匹配的元素設置指定的高度值。
JQuery Utilities 方法說明
jQuery.browser
.msie 表示ie
jQuery.browser.version 讀取用戶瀏覽器的版本信息
jQuery.boxModel 檢測用戶瀏覽器針對當前頁的顯示是否基於W3C CSS的盒模型
jQuery.isFunction( obj ) 檢測傳遞的參數是否為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 ) 清除字符串兩端的空格，使用正則表達式來清除給定字符兩端的空格
jQuery.each( object, callback ) 一個通用的迭代器，可以用來無縫迭代對象和數組
jQuery.extend( target, object1, [objectN] ) 擴展一個對象，修改原來的對象並返回，這是一個強大的實現繼承的
工具，這種繼承是採用傳值的方法來實現的，而不是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] ) 通過一個篩選函數來去除數組中的項
$.grep( [0,1,2], function(n,i){
return n > 0;
});
jQuery.makeArray( obj ) 將一個類似數組的對象轉化為一個真正的數組
將選取的div元素集合轉化為一個數組
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 ) 使用某個方法修改一個數組中的項，然後返回一個新的數組
jQuery.inArray( value, array ) 返回value在數組中的位置，如果沒有找到，則返回-1
jQuery.unique( array ) 刪除數組中的所有重複元素，返回整理後的數組
- 6月 11 週三 201408:30
【程式】jQuery : 取得和設定 radio, checkbox, select 的值 (轉)
//獲取一組radio被選中項的值
var item = $('input[@name=items][@checked]').val();
//獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();
//select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;
//radio單選組的第二個元素為當前選中值
$('input[@name=items]').get(1).checked = true;
var item = $('input[@name=items][@checked]').val();
//獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();
//select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;
//radio單選組的第二個元素為當前選中值
$('input[@name=items]').get(1).checked = true;
- 3月 27 週四 201411:54
汽車玻璃刷不乾淨
本文引用自fattyy - 汽車玻璃刷不乾淨
雨刷刷不乾淨 , 有兩種可能:
1. 玻璃不乾淨 (有油)
2. 雨刷的橡膠條材質不良或是老化
一開始我們要先排除玻璃的因素 , 玻璃會不乾淨通常是因為油膜的關係 , 空氣中有許多的懸浮粒子及其他車輛所排放的廢氣 , 不管車子開不開 , 都會逐漸沾黏於擋風玻璃上 , 但是用肉眼看 , 玻璃還是很透明 , 測試的方式是 , 提一桶水或以水管將擋風玻璃噴濕 , 如果 , 停止潑水之後 , 前擋上的水很快消退 , 並於前擋風玻璃上形成許多小水珠 , 別懷疑 , 你的玻璃很油 , 所以你的雨刷刷不乾淨 , 甚至會跳或有聲音 , 如果是乾淨的玻璃 , 停止潑水之後 , 前擋上的水消退得很慢 , 並且會均勻的在玻璃形成一片水膜.
清潔的方式是 , 拿鐵工廠用的洗手劑 "黑手變白手" 清洗 , 沒錯 , 別懷疑 , 一大盒 NTD:80 , 不限牌子及名稱 , 只要是鐵工廠或汽修廠工人在洗手用那種的就可以 , 但是為何不用 魔術靈 或 穩潔 ? 因為空氣中的汽機車廢氣 , 需要較為強的活性界面劑清除 , 家用的清潔劑 , 因為必須考慮不傷手 , 濃度也不能太高以免自找苦吃 , 還要有香味才賣得出去 , 所以去重油的能力 , 比不上鐵工廠用的洗手劑.
先拿一個水桶或臉盆 , 放入約一個雞蛋體積的 "黑手變白手" , 再加入約 500CC 的清水加以攪拌 , 可將絕大多數的研磨顆粒沉澱 , 並得到一大杯清潔劑 , 然後將擋風玻璃噴濕 , 再以 海綿 或 抹布 沾附 "黑手變白手" 的清潔劑 , 然後直接清洗玻璃 , 洗完後 , 再以清水沖洗玻璃 ,沖洗完以後 , 擋風玻璃上會看到整面的水膜 , 此時 , 你就會知道 , 什麼叫乾淨的玻璃.
*** 如果不相信 , 你可以先洗一個角落試試看 , 如果好用 , 再清洗整個前擋. ***
如果清洗一次無法形成整面水膜 , 就將未形成水膜的地方再洗一次.
此時 , 開動雨刷試試看刷的乾不乾淨 , 如果玻璃已形成水膜但是還是刷不乾淨或有異音 , 那就不會是玻璃的關係 , 將雨刷換掉吧.
雨刷不要使用奇奇怪怪的品牌 , 也不要到 家樂福 或 大潤發 這種大賣場買 , 建議你買 SWF 或 NWB , 或是這兩個牌子的軟骨雨刷.
因為 SWF 是 歐洲車系 的原廠指定雨刷 , NWB 則是日本車系的原廠指定雨刷 , 你的 March 當初 裕隆 新車交車時的隨車雨刷就是 NWB 牌. 你家附近的汽車材料或百貨應該都有賣 , Y拍也有人在賣 , 尺寸越長越貴. 我自己的 GOA CAMRY 用的是 21" 及 19" , 每隻大約NTD:150- , 你看你的尺寸是多少 , 如果回裕隆買 , 更貴 , 至於我 , 我不是靠這個吃飯 , 自己去找地方買 ,不要誤會.
乍聽之下不便宜 , 但是我車上的 NWB 已經用2年多了 , 還很好用(刷得乾淨又沒聲音) , 每次如果刷不乾淨或有聲音 , 就把前擋風玻璃洗一洗 , 就能恢復寂靜無聲又乾淨 , 以前都在大型的汽車百貨(金弘笙 或 車麗屋)買 , 便宜的貴的都用過 , 1年要換 2對 甚至 3 對雨刷 , 至於 家樂福 或 大潤發最好的大概就是 BOSCH , 事實證明 , 大約能撐半年多.
雨刷刷不乾淨 , 有兩種可能:
1. 玻璃不乾淨 (有油)
2. 雨刷的橡膠條材質不良或是老化
一開始我們要先排除玻璃的因素 , 玻璃會不乾淨通常是因為油膜的關係 , 空氣中有許多的懸浮粒子及其他車輛所排放的廢氣 , 不管車子開不開 , 都會逐漸沾黏於擋風玻璃上 , 但是用肉眼看 , 玻璃還是很透明 , 測試的方式是 , 提一桶水或以水管將擋風玻璃噴濕 , 如果 , 停止潑水之後 , 前擋上的水很快消退 , 並於前擋風玻璃上形成許多小水珠 , 別懷疑 , 你的玻璃很油 , 所以你的雨刷刷不乾淨 , 甚至會跳或有聲音 , 如果是乾淨的玻璃 , 停止潑水之後 , 前擋上的水消退得很慢 , 並且會均勻的在玻璃形成一片水膜.
清潔的方式是 , 拿鐵工廠用的洗手劑 "黑手變白手" 清洗 , 沒錯 , 別懷疑 , 一大盒 NTD:80 , 不限牌子及名稱 , 只要是鐵工廠或汽修廠工人在洗手用那種的就可以 , 但是為何不用 魔術靈 或 穩潔 ? 因為空氣中的汽機車廢氣 , 需要較為強的活性界面劑清除 , 家用的清潔劑 , 因為必須考慮不傷手 , 濃度也不能太高以免自找苦吃 , 還要有香味才賣得出去 , 所以去重油的能力 , 比不上鐵工廠用的洗手劑.
先拿一個水桶或臉盆 , 放入約一個雞蛋體積的 "黑手變白手" , 再加入約 500CC 的清水加以攪拌 , 可將絕大多數的研磨顆粒沉澱 , 並得到一大杯清潔劑 , 然後將擋風玻璃噴濕 , 再以 海綿 或 抹布 沾附 "黑手變白手" 的清潔劑 , 然後直接清洗玻璃 , 洗完後 , 再以清水沖洗玻璃 ,沖洗完以後 , 擋風玻璃上會看到整面的水膜 , 此時 , 你就會知道 , 什麼叫乾淨的玻璃.
*** 如果不相信 , 你可以先洗一個角落試試看 , 如果好用 , 再清洗整個前擋. ***
如果清洗一次無法形成整面水膜 , 就將未形成水膜的地方再洗一次.
此時 , 開動雨刷試試看刷的乾不乾淨 , 如果玻璃已形成水膜但是還是刷不乾淨或有異音 , 那就不會是玻璃的關係 , 將雨刷換掉吧.
雨刷不要使用奇奇怪怪的品牌 , 也不要到 家樂福 或 大潤發 這種大賣場買 , 建議你買 SWF 或 NWB , 或是這兩個牌子的軟骨雨刷.
因為 SWF 是 歐洲車系 的原廠指定雨刷 , NWB 則是日本車系的原廠指定雨刷 , 你的 March 當初 裕隆 新車交車時的隨車雨刷就是 NWB 牌. 你家附近的汽車材料或百貨應該都有賣 , Y拍也有人在賣 , 尺寸越長越貴. 我自己的 GOA CAMRY 用的是 21" 及 19" , 每隻大約NTD:150- , 你看你的尺寸是多少 , 如果回裕隆買 , 更貴 , 至於我 , 我不是靠這個吃飯 , 自己去找地方買 ,不要誤會.
乍聽之下不便宜 , 但是我車上的 NWB 已經用2年多了 , 還很好用(刷得乾淨又沒聲音) , 每次如果刷不乾淨或有聲音 , 就把前擋風玻璃洗一洗 , 就能恢復寂靜無聲又乾淨 , 以前都在大型的汽車百貨(金弘笙 或 車麗屋)買 , 便宜的貴的都用過 , 1年要換 2對 甚至 3 對雨刷 , 至於 家樂福 或 大潤發最好的大概就是 BOSCH , 事實證明 , 大約能撐半年多.
- 3月 26 週三 201414:49
CSS指定滑鼠指標的語法：cursor
來源
CSS指定滑鼠指標的語法：cursor
CSS指定滑鼠指標的語法：cursor
- 3月 11 週二 201421:45
我，是一切的根源
1劉邦在40歲的時候連兵馬都沒有，最後建立起大漢王朝。
2.劉備在52歲仰頭問蒼天：我到底什麼時候才會成功啊？
最後與曹操、孫權三分天下。
3.賈伯斯在42歲時回蘋果接任CEO，當時公司負債10億美金。最後蘋果用十四年成為全球最偉大、市值最高的公司。
2.劉備在52歲仰頭問蒼天：我到底什麼時候才會成功啊？
最後與曹操、孫權三分天下。
3.賈伯斯在42歲時回蘋果接任CEO，當時公司負債10億美金。最後蘋果用十四年成為全球最偉大、市值最高的公司。
- 2月 25 週二 201418:56
Excel-文字日期如何轉成正確的日期？
Excel 中的文字轉為正確的日期，例如 920513 轉成 西元 2003/5/13 的方法
如下：
- 1月 09 週四 201410:36
Virtualbox 快速調整硬碟大小
Virtualbox 快速變更硬碟大小
如果磁碟檔案格式是 *.vmdk，必須先轉檔成 *.vdi 才能調整容量。
VBoxManage clonehd disk1.vmdk disk1.vdi --format vdi
調整磁碟容量（單位是 MB，範例為 20GB）。
VBoxManage modifyhd disk1.vdi --resize 20480
如果磁碟檔案格式是 *.vmdk，必須先轉檔成 *.vdi 才能調整容量。
VBoxManage clonehd disk1.vmdk disk1.vdi --format vdi
調整磁碟容量（單位是 MB，範例為 20GB）。
VBoxManage modifyhd disk1.vdi --resize 20480
