## 遍历节点
### 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，如果设置这些属性的时候不带引号，那么需要使用驼峰命名法。
