the purpose: write less. do more 写得少，做更多
jquery 基本选择器，
$("p ,div ")匹配所有的P元素和DIV元素 ,
$("h1#chapter1")匹配id属性值为chapter1的h1的元素。
jquery 层级选择器
<body> <h1>正确的认知是<em>非常</em>重要的!</h1> <em>去看看吧!</em> <body>
$("body em").css("color","red") ：现在两个em元素的内容都是红色，因为两个em都是body的后代
$("body > em").css("color","red"): 现在只有第二个em元素才会显示为红色，因为只有它是body元素的直接子元素
$("h1 > em").css("color","red") ：现在只有第一个em元素才会显示为红色，因为只有它是h1元素的子元素
$("h1 + em").css("color","red") : 现在只有第二个em 元素才会显示为红色，因为它是h1元素的相邻同辈元素
$("div ~ p").css("background-color","green") 匹配div中所有子元素为p的背景色为绿色
Jquery 属性选择器
$('h1[title]') 匹配那些指定了title属性的h1元素
$('h1[class="example"]') 匹配所有指定class属性的属性值为example的h1元素
$('span[title="note"][lang="zh-CN"]') 匹配那此span元素其title属性设置为note而lang属性设置为zh-CN
jquery 子元素过滤
E:first-child 匹配任何html元素E,但元素E必须是它的父节点的第一个子节点元素，
E:last-child 匹配任何html元素E,但元素E必须是它的父节点的最一个子节点元素
E:nth-child 匹配任何html元素E,但元素E必须是它的父节点的第n个子节点元素，$("ul li:nth-child(3)")匹配Ul元素下第3个子元素，参数可是整数负值，0 或正值
E:only-child 匹配任何html元素E,但元素E必须是它的父节点的唯一子节点元素