jQuery 介紹及使用

$的含義

版本支援

jquery 1.9及以下

所有主流瀏覽器

jquery 2.0及以上

不再支援ie6,7,8

可以直接引用官網cdn：

src=
"">
script
>
src=
"">
script
>

window指的是整個瀏覽器視窗，不同於dom的document

onload指的是資源載入完畢，ready指的是結構載入完畢

onload只能用於window和某個具體的資源，不能用於document

一般使用的入口函式都是$(document).ready

//window所有資源載入完畢

window.
onload
=function()
;//某個資源載入完畢
img.
onload
=function()
;//整個dom結構載入完畢
把js**放在所有html**後即可

//window所有資源載入完畢

$(window).on
('load'
,function()
);//某個資源載入完畢$(
"img:first").
on('load'
,function()
);//整個dom結構載入完畢
$(document)
.ready
(function()
);或 $().
ready
(function()
);或 $(
function()
);//window結構載入完畢(經測試原生js無效)
$(window)
.ready
(function()
);//dom中某個資源結構載入完畢(經測試原生js無效)
$(img)
.ready
(function()
);

原生js的onload函式只能出現乙個，否則後面的函式會覆蓋前面的函式

jquery的onload函式可以出現多個，且所有函式都依次執行

jquery的ready也可以出現多個

$

(function()
);等價於 jquert
(function()
);

有一段html**如下：

class

="box"
id="box1"
>
box1div
>
class
="box"
>
box2div
>

原生js的獲取方式：

var box1=document.

getelementbyid
('box1');
var boxs=document.
getelementsbyclassname
('box');
console.
log(box1)
;console.
log(boxs)
;

class
="box"
id="box1"
>
box1div
>
length
="2"
>
...htmlcollection
>

jquery的獲取方式：

var box1=$(

'#box1');
var boxs=$(
'.box');
console.
log(box1)
;console.
log(boxs)
;

[object object]: 
[object object]:

原生js的byid返回乙個物件，bytagname和byclassname返回乙個陣列(即使只有乙個物件)

不同於原生js，jquery無論如何選擇都返回乙個包裝了jquery方法的陣列(稱為jquery物件)

jquery物件是乙個包裝了jquery方法的dom物件陣列，因此：

//獲取第乙個 box類 的dom物件

var box1=$(
'.box')[
0];//通過id選擇的jquery物件轉換為dom物件
var box1=$(
'#box1')[
0];

jquery常用事件介紹及使用

一 jq中事件 1.頁面載入事件 ready 方法 格式 document ready function function 2.繫結事件 click dblclick focus blur mouseover mouseout change select keydown keyup js事件模型 第...

jquery鍵盤事件使用介紹

一 首先需要知道的是 1 keydown keydown事件會在鍵盤按下時觸發.2 keyup keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件 3 keypress keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同乙個按鍵 二 獲得鍵盤上對應的ascii碼 複製 如...

SAS SHARE 介紹及使用

sas share功能 其提供乙個多使用者訪問的資料伺服器，允許多個使用者同時讀寫同乙個資料檔案 除了提供本地資料共享給使用者外，也可以通過遠端路徑共享其它資料給使用者，而無需構架sas connect進行sign on 通過sas access配合，sas share提供了乙個訪問不同資料來源的統...