jQuery selectors (Dom层次选择器 Hierarchy）

//DOM层次关系选择器（祖后，父子，兄弟，邻居-左邻右舍）

//祖宗与后代关系，曹操有多少后代？子子孙孙无穷尽焉！
//某个文件夹中“所有”子文件夹
//某元素中包含的“所有”元素（递归）
$("ancestor descendant");//Array<Element>
$("html p");//例:当前页面中的所有paragraph元素

//父子关系
//曹操有几个孩子？曹昂、曹丕、曹植、曹冲…… 能数过来！
//某个文件夹的“下级”文件夹（子文件夹）
$("father > child");//Array<Element>
$("#identity > div");//例：某个元素下的Tag为div的元素

//兄弟关系
//曹丕有几个兄弟？曹昂、曹植、曹冲……
//点选一个文件夹变蓝了吧->反向选择->这个不是蓝色了其他都变蓝色了
$("prev ~ siblings");//Array<Element>
$("#identity ~ p");//例：某个元素的所有Tag为p的兄弟元素
$("#identity ~ .fontSmall");//例：某个元素的所有class为fontSmall的兄弟元素

//邻居关系——左邻右舍
//单向链表？他就知道他下一个是谁！
$("prev + next");//Element
//经过测试必须是紧邻#identity下面的元素,因为DOM是线体的有顺序的
//因为就是要下面一个所以“跳河”认为可以写成这样$("#identity +");
//如果要体现出我的下一个是个什么Tag的或者什么.class的
//应该写成$("#identity + tag")或者$("#identity + .class");
//当前取得邻居的写法，应该是jQuery的bug
$("#identity + p");//例：某元素的下面是paragraph元素