## 遍歷節點
### 1.children方法
用于去的匹配的子元素集合。
> children()方法只考慮子元素而不考慮后代元素。
~~~javascript
$lis = $('ul').children();
lg($lis);
var len = $lis.length;
for(var i=0;i<len;i++){
lg($lis[i].innerHTML);
}
~~~
### 2.next()方法
用于取得匹配元素后面緊鄰的同輩元素。
~~~javascript
var $p1 = $('p').next();
lg($p1);
~~~
### 3.prev()方法
用于取得匹配元素前面緊鄰的元素。
~~~javascript
var $li = $('li').prev();
lg($li);
~~~
### 4.siblings()方法
用于取得所有同輩元素。
~~~javascript
var $ul = $('p').siblings();
lg($ul);
~~~
### 5.closet()方法
該方法用于取得最近的匹配元素。首先檢查當前元素是否匹配,匹配直接返回元素本身。否則逐級向上查找。
~~~javascript
var $ul = $('li').closest('ul');
lg($ul);
~~~
### parent()和parents()
* `parent()`方法獲得集合中每個元素的父級元素。
* `parents()`方法集合中每個匹配元素的祖先元素。
~~~
var $ul = $('a').parents();
lg($ul);
~~~
## CSS操作
可以直接利用`css()`方法獲取和設置元素的樣式屬性。
~~~javascript
$('p').css('color');
$('p').css('color','red');
~~~
> 如果值是數字,將會被自動轉化為像素值。
> 在css()方法中,如果屬性帶有‘-’符號,如font-size,如果設置這些屬性的時候不帶引號,那么需要使用駝峰命名法。