console.log()和console.dir()
console.log()可以取代alert()或document.write()，在网页脚本中使用console.log()时，会在浏览器控制台打印出信息。
console.dir()可以显示一个对象所有的属性和方法。
选择器
var $all=$('*'); //全部选择器
var $jqp=$(".jq-p"); //类选择器
console.dir($("div")); //标签选择器
console.dir($("div,p,h3"） // 并集选择器
console.dir($('div.jq-d2')); //交集选择器，既要是div又要是类为jq-d2的标签
console.dir($('.list li:first')); // 过滤选择器和后代选择器类为list的标签，下面的第一个li标签
var $div =$('div:contains("wonder")'); // 包含选择器，div下内容有wonder
遍历（traversal）
最大的遍历种类是树遍历
向上遍历（祖先遍历）
parent parents parentsUntil
parent :$("span").parent().css({"color":"red","border":"2px solid red"});
parents:$("span").parents().css({"color":"red","border":"2px solid red"});返回span所有的祖先级元素，直到HTML标签
$("span").parents("ul").css({"color":"red","border":"2px solid red"});指定显示span标签上标签为ul的祖先。
parentsUntil：$("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});返回介于 与 元素之间的所有祖先元素。
向下遍历（后代）
children find
$("div").children() 只显示div的直接子集，或者说儿子。
$("div").children("p.1");返回div下p标签中类名为1的标签
find:
$("div").find("span");返回属于后代的所有 元素：$("div").find("*");返回的所有后代
水平遍历（同胞）
siblings()方法
第一种：$("p").siblings(".selected")
查找每个 p 元素的所有类名为 "selected" 的所有同胞元素
第二种：$('li.third-item').sibings().css('background-color','red');
通过查找li.third-item，设置css样式
next()方法
$("h2").next();返回的下一个同胞元素：
nextAll()方法
$("h2").nextAll();返回h2下面所有的同胞元素
nextUntil() 方法
$("h2").nextUntil("h6");返回介于与元素之间的所有同胞元素
遍历-过滤
first()方法
$("div p").first();选取首个元素内部的第一个元素：
last() 方法
$("div p").last();选择最后一个元素中的最后一个元素：
eq() 方法
eq() 方法返回被选元素中带有指定索引号的元素。
索引号从 0 开始，因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个
元素（索引号
