一、簡介: JQuery是一個JS代碼倉庫,是一個快速度的簡介的JS庫,可以簡化查詢DOM對象,處理時間,製作動畫,處理Ajax交互過程。 二、優勢: 1、體積小,使用靈巧(只需引入一個JS文件); 2、方便的選擇頁面元素(模仿CSS選擇器更精確、靈活); 3、動態更改頁面樣式/頁面內容(操作DOM ...
一、簡介:
JQuery是一個JS代碼倉庫,是一個快速度的簡介的JS庫,可以簡化查詢DOM對象,處理時間,製作動畫,處理Ajax交互過程。
二、優勢:
1、體積小,使用靈巧(只需引入一個JS文件);
2、方便的選擇頁面元素(模仿CSS選擇器更精確、靈活);
3、動態更改頁面樣式/頁面內容(操作DOM、動態添加、移除樣式)‘
4、控制響應事件(動態添加響應事件);
5、提供基本頁面特效(提供已封存的頁面特效方法);
6、快速實現通信(ajax);
7、易擴展、插件豐富。
三、引入(本地)JQuery包:
<script type="text/javascript" src="jquery.js"></script>
四、選擇器:
1、基本選擇器:
ID選擇器、標簽選擇器、類選擇器、通配選擇器、組選擇器(無數量限制,以逗號隔開,逐個匹配,結果全部返回);
2、層級選擇器:通過DOM的嵌套關係匹配元素;
包含選擇器$("a b")、子選擇器$("parent>child")、相鄰選擇器$("prev+next")、兄弟選擇器$("prev~ siblings");
3、常用偽類選擇器:
:first 匹配找到的第一個元素;
:last 匹配找到最後一個元素;
:eq 匹配一個給定索引值的元素;
:even 匹配所有索引值為偶數的元素;
:odd 匹配所有索引值為奇數的元素;
:gt(index) 匹配所有大於給定索引值的元素;
:lt(index)匹配所有小於給定索引值的元素;
:not 去除所有給定選擇器匹配的元素