[toc]
### jQuery CSS方法
1. 單個樣式添加
```
$(function(){
$("div").css("width", "100px");
$("div").css("height", "100px");
$("div").css("background", "#ff0000");
})
```
2. 多個樣式添加
```
$("div").css({
width: "100px",
height: "100px",
backgroundColor: "#00ff00"
})
```
3. `addClass()`、`removeClass()`、`toggleClass()`
### jQuery盒子模型
1. ` .width()`、`.height()`
為匹配的元素集合中獲取第一個元素的當前計算寬度值或高度值,給每個匹配的元素設置寬度值或高度值;

2. `.innerWidth()`、`.innerHeight()`
為匹配的元素集合中獲取第一個元素的當前計算寬度值或高度值,包括padding,但是不包括border;

3. `.outerWidth()`、`.outerHeight()`
獲取元素集合中第一個元素的當前計算寬度值或高度值,包括padding和border(注:返回一個整數(不包含“px”)表示的值,或如果在一個空集合上調用該方法,則會返回 null;
4. `.outerWidth(true)`、`.outerHeight(true)`
獲取元素集合中第一個元素的當前計算寬度值或高度值,包括padding、border和margin(注:返回一個整數(不包含“px”)表示的值,或如果在一個空集合上調用該方法,則會返回 null)

- H5筆記
- 1. Htm5與Html4的區別
- 2. Html5新增的主體結構元素
- 3. Html5新增的非主體結構元素
- 4. Html5表單新增元素與屬性
- JavaScript筆記
- 1.函數
- 2. 異常處理和事件處理
- 3. DOM對象
- 4. 事件詳解
- 5. 內置對象
- 6. DOM對象控制HTML元素詳解
- 7. 瀏覽器對象
- 8. 面向對象詳解
- jQuery筆記
- 1. jQuery簡介和語法
- 2. jQuery選擇器和事件
- 3. jQuery效果之隱藏與顯示、淡入淡出、滑動、回調
- 4. jQuery HTML之捕獲、設置、元素添加、元素刪除
- 5. jQuery CSS操作及jQuery的盒子模型
- 6. jQuery之遍歷與元素的過濾