## 遍历节点 ### 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.closest()方法 该方法用于取得最近的匹配元素。首先检查当前元素是否匹配，匹配直接返回元素本身。否则逐级向上查找。 ~~~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，如果设置这些属性的时候不带引号，那么需要使用驼峰命名法。