jQuey链应该怎么理解呢

Question

$(function(){ $("#one").add("#two").add("#three").add("#x").css("opacity",0.7); $("#x").draggable({axis:"x"}); //只能在x方向拖拽 $("#y").draggable({axis:"y"}); //只能在y方向拖拽 $("#parent").draggable({containment:"parent"}); //只能在父元素中拖拽 });

x轴

y轴

父元素

这一句看不懂-------------------------------------
$("#one").add("#two").add("#three").add("#x").css("opacity",0.7);
是指one这个层中的two中的three吗，好像不对，他们是平级的，难道要理解为将two加入到one中，将three放入到two中，以此类推吗，还是指将one ，two ，three这三个共同加上样式.css("opacity",0.7);呢，请相关朋友给解释下哈，不过网页上呈现的情况来看，应该是加上样式，但从以前的jQuery链的理解较浅，不知道是不是

Answer 1

$("#one").add("#two").add("#three").add("#x").css("opacity",0.7);

意思就是将two加入到one成为一个元素结合，然后继续加入three，此时元素集合变为了3，再加x，元素集合数目为4个。
最终效果就是one、two、three、x的透明度都变为了0.7，即给集合中的每一个元素设置了opacity属性。
可以参考一下这里面的解释：http://www.w3school.com.cn/jquery/traversing_add.asp