var naturalWidth = $("#my_id")[0].naturalWidth;
var naturalHeight = $("#my_id")[0].naturalHeight;
本文單純分享，摘錄視覺中國網站，如果要更詳細的文章請觀看原文章
http://c.chinavisual.com/2012/04/09/c81551/index.shtml
var value =!!null; // value = false
var q1 = undefined;
var q2 = null;
var q3 = [];
var q4 = {};
var q5 = 0;
var q6 = 1;
var q7 = 999;
var q8 = "";
var q9 = "hello";
var q10 = false;
var q11 = true;
var q12 = new Boolean("true");
var q13 = new Boolean("false");
var q14 = new Number(0);
var q15 = new Number(1);
var a1 = !!q1;
var a2 = !!q2;
var a3 = !!q3;
var a4 = !!q4;
var a5 = !!q5;
var a6 = !!q6;
var a7 = !!q7;
var a8 = !!q8;
var a9 = !!q9;
var a10 = !!q10;
var a11 = !!q11;
var a12 = !!q12;
var a13 = !!q13;
var a14 = !!q14;
var a15 = !!q15;
a1 = false
a2 = false
a3 = true
a4 = true
a5 = false
a6 = true
a7 = true
a8 = false
a9 = true
a10 = false
a11 = true
a12 = true
a13 = true
a14 = true
a15 = true
你答對了幾題呢!?
typeof 0; // "number"
typeof false; // "number"
typeof new Boolean("false"); // "object"
typeof new Number(0); // "object" | Input Type | Result |
|---|---|
| Undefined | false |
| Null | false |
| Boolean | The result equals the input argument (no conversion). |
| Number | The result is false if the argument is +0, -0, or NaN; otherwise the result is true. |
| String | The result is false if the argument is the empty string (its length is zero); otherwise the result is true. |
| Object | true |
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<dl>
<dt id="term-1">term 1</dt>
<dd>definition 1-a</dd>
<dd>definition 1-b</dd>
<dd>definition 1-c</dd>
<dd>definition 1-d</dd>
<dt id="term-2">term 2</dt>
<dd>definition 2-a</dd>
<dd>definition 2-b</dd>
<dd>definition 2-c</dd>
<dt id="term-3">term 3</dt>
<dd>definition 3-a</dd>
<dd>definition 3-b</dd>
</dl>
</body>
</html>
$("#term-2").nextUntil().css("background-color", "#ff3333");
$("#term-2").nextUntil("#term-3").css("background-color", "#ff3333");
$("#term-2").nextUntil().css("background-color", "#ff3333");
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<dl>
<dt id="term-1">term 1</dt>
<dd>definition 1-a</dd>
<dd>definition 1-b</dd>
<dd>definition 1-c</dd>
<dd>definition 1-d</dd>
<dt id="term-2">term 2</dt>
<dd>definition 2-a</dd>
<dd>definition 2-b</dd>
<dd>definition 2-c</dd>
<dt id="term-3">term 3</dt>
<dd>definition 3-a</dd>
<dd>definition 3-b</dd>
</dl>
</body>
</html>
$("#term-1").parentsUntil().css("border", '1px solid #ff6633')
$("#term-1").parentsUntil("body").css("border", '1px solid #ff6633')
// anit-pattern
// infinite loop
var divs = document.getElementsByTagName('div');
for(var i = -; i < divs.length; i++){
var div = doucument.createElement('div');
document,body.appendChild(div);
}
var divs = document.getElementsByTagName('div');
var length = divs.length;
for(var i = -; i < length; i++){
var div = doucument.createElement('div');
document,body.appendChild(div);
} 
var arr = Array.prototype.slice.call( htmlCollection );
$("div").data('key', 'value');
$.data(document.body, 'key', 'value');
插件需求 : jQuery & jQuery UI
相容性 : All Modern Browsers
官方網站 : http://ipicture.justmybit.com/
下載點 : http://ipicture.justmybit.com/download.php
$( "#iPicture" ).iPicture({
animation: true,
animationBg: "bgblack",
animationType: "ltr-slide",
pictures: ["picture1"],
button: "moreblack",
moreInfos:{"picture1":[{"id":"tooltip1","descr":"語文學習中心","top":"119px","left":"428px"},..}]},
// 開啟/關閉編輯模式
//modify: true,
initialize: false
});
如果你想要查看更多的細節與內容，請至原文出處查看
本文章簡短節錄於 - 有一點 - 阿里巴巴交互設計部
原文網址 : http://www.aliued.cn/2012/03/05/%E4%BA%A7%E5%93%81%E4%B8%AD%E5%9B%BE%E5%BD%A2%E8%AF%AD%E8%A8%80%E8%A7%84%E8%8C%83%E5%8C%96%E6%84%8F%E4%B9%89%E4%B8%8E%E8%BF%87%E7%A8%8B.htm
如果你想要查看更多的細節與內容，請至原文出處查看
本文章簡短節錄於 - 有一點 - 阿里巴巴交互設計部
原文網址 : http://www.aliued.cn/2010/11/07/expression-of-state-and-action-in-ui-design.html
http://padolsey.net/p/Sonic/repo/demo/demo.html
<!doctype html>
<meta charset="utf-8" />
<title>Sonic</title>
<style>
</style>
<body>
<script src="../src/sonic.js"></script>
<script>
var square = new Sonic({
width: 100,
height: 100,
fillColor: '#000',
path: [
['line', 10, 10, 90, 10],
['line', 90, 10, 90, 90],
['line', 90, 90, 10, 90],
['line', 10, 90, 10, 10]
]
});
square.play();
document.body.appendChild(square.canvas);
</script>
</body>
var circle = new Sonic({
width: 50,
height: 50,
padding: 50,
strokeColor: '#000',
pointDistance: .01,
stepsPerFrame: 3,
trailLength: .7,
step: 'fader',
setup: function() {
this._.lineWidth = 5;
},
path: [
['arc', 25, 25, 25, 0, 360]
]
});
circle.play();
document.body.appendChild(circle.canvas);