空格:$('parent childchild')表示获取parent下的所有的childchild节点,所有的子孙。
大于号:$('parent > child')表示获取parent下的所有child的儿子,第一代。
加号:$('pre + nextbrother')表示获得pre节点的下一个兄弟节点,相当于next()方法
波浪号:$('pre ~ brother')表示获取pre节点的后面的所有兄弟节点,相当于nextAll()方法。
下面是一个小例子,看看他们的区别吧~~~~
New Document$(function(){
$("#b").append($("#a span").clone());
$("#c").append($("#span12 + span").clone());
$("#d").append($("#span12 ~ span").clone());
$("#e").append($("#a > span").clone());
})
span1
span1.1
span1.2
span1.3
span1.4
span1.5
span1.6
span2
span2.1
span2.2
span2.3
span2.4
span2.5
span2.6
span3
span4
空格:
+:
~:
>