4. 尚硅谷_佟刚_jQuery_层次选择器.wmv原创

看层次选择器。如果我们想通过倒元素之间的层次关系来选择特定。特定元素的话呢，我们需要通过层次选择器，比方说选择。后代元素的元素，相邻元素，星级元素等等等，我们来看一下啊，一。第一个中间加一个空格，表示这个主先元素跟后代元素。第二个加上一个大于号表示直接子元处。加上一个加号表示下一个紧挨的元素，加一个浪线表示brave这个元素后面所有的兄弟元素。然后说这个呢，只能选择这个元素后边的同倍元素，如果我们要是通过方法的话，可以选择全体的同倍元素，OK，有一个大致印象的话呢，我们来看。

看例子。房子选择器。等他吧。可以选择包里面的所有div。可选中了包里边的包，实际上要是这个div的话，已经是包的trend份了吧，包的直接子div应该是外边这个大的啊，都可以选中F5，看这个选择包边内子元素div就是。给位是什么意思啊？我只选择紫元素。而孙的元素不在。ID为one的下一个DVD，为one的下一个DV，连上它呗。好，I DV to，原户所div I DV to或者所有div看着同么样，是不是兄弟啊，兄弟的孩子不算。

再有一个ID为的后，ID为的所有兄弟，ID为前面后边兄弟。好，我们看一下怎么写。复制。看来。Copy。最大化。我首先呢，还是需要把这个DS函数进来是吧。The。好了，我们看。

这里边儿的话呢，有几个按钮呢，有七个按钮，所以说我们需要写七个。我复制一下啊，七个按钮，CTRLC过来CT。六。一个一个看。第一个是什么呢？第一个是all day里边的所有div注意看哈。Div。全选上了花子里边所有div。F5回来这个看第二个是内。子元素是div什么意思啊？你看这个包在里边，这个div实际上是不是孙子呀？是不是这个是子，这个是孙子，我只想选择子元素，Div，孙子子不要。

纤加上一个加油号，Body。里边的纤维保存。放心这个。自圆柱变为。好看下一个第三个是。ID为one的下一个div ID为one的下一个div。Ad为万的下一个DNA这样写加号，Ad为万的下一个D刷新。IDV的下一个div，这个指的是Q弟。再来。

S，这是ID为to的，后边所有的div来看ID为的。ID为度的后边所有的。Div这样写，你看他心I DV to的后边都有div DV to的后边做div，当然指的也是兄弟，那这些的话呢，我们可以上这个里边来看。层次选择器，这刚才我写的呢，就这四个叫成级选择期，OK，看还有一些扩展啊第五个。第五个是idv的，所有的div兄弟就是前后的都算了。所有div为兄弟，这个呢，整个系里面没给，我们可以去找一些方法，ID为who，所有div为兄弟，兄弟那个单词怎么写来着？

C08。嗯。这么写bling同辈的，然后怎么看，你看它这会有例子是吧，你可以来写，哎，S这样就可以。所有兄弟这边我还可以写什么，还可以选选德系，于是所有div兄弟是这么写的吧，看无。Div兄弟，于是ID为who所有div兄弟。好了，我先不写div，看看是什么样。专心。是不是人选了，你看IV这些是不是都是兄弟啊，包括八分吧比叫兄弟，那我说这个兄弟必须得是什么呀？兄弟必须得是div idv two的div兄弟来看。

就好。I two的div兄弟，我们写了一个方法叫Z，这方法怎么找呢？我们可以上这个里边。来找啊，前提是你得知道一个方法名，或者是呢，那这个里边来找是吧，这个里边我们也有这个运用方法，比方说你看单选。这里边的话会有一些方法，这是什么呀，要查找siblings啊在这。一类方法都归纳好了啊，你看哪个像比方说嗯。我们看比方说VE，一个next是下一个find，查找节点等等等。嗯。六是ID为one的下一个spend，那根据我们刚才写的话呢，说ID为one的下一个SPA是可以这么写的，下一个下一个div，我是不是这么写的，下一个div加一个SPA看着。

刷新idv的下一个span不好用，那这块的话呢，我们需要说一点说啊，以下选择器，选择器选择的是紧邻着。紧邻ID为万的万元柱说弱I。好。和什么呢？和这个相邻。以下选择器无觉，选择器无觉这就很闹了，不好使，不好使的话，那我们怎么办呢？这时候我们只能用一些方法了。

这我们看啊看说ID为next，我们刚才已经看到了啊，有next方法。这不还有一个X是不是一个呀，X2是方后边所有的对一下怎么。FBA，好，我选择谁呀？我选择idv one，后面所有的SPA我们再看一下倒数第二个按钮。两个不选中了，那我要选的是。第一个就是说，哎，我这样选完之后的话呢，这是一组我选第一个，我选第一个的话呢，后边我们马上就要讲一个选择器叫基本选择器，叫基本过滤选择，其中有什么呀，有个叫first获取第一个，于是再看我加一个first。

都可以。IDV的所有的SPA，但我只选第一个，再看刷新。地位选中。当然了，这个的话呢，就是说我们为什么会讲它呢？因为我们讲这个了是吧，说ID于半的下一个div就是紧挨着的，于是我们就会想，如果要是不挨着的话，能获取吗？答案是不能获取，需要借助于方法和过滤选择题，先这么一个了解哈，一会儿的话呢，我们还要来讲这个for，或者把这个先敲一下，先感受一下。最后一个ad为two的元素，前边的所有div。

啊，前边的所有div。我们刚才看到了是吧，有个方法叫bra or前边的所有div呢。方法。RI2。这个吧，不炮，前面的是有同伴兄弟吗？好，再看。F5 OK啊，就是我们整个的这个练习这个里边的话呢。练习要多一点。然后的话，我们还需要知道这样一个结论。说我们通过这个选择去选的话，我只能够选择紧挨着的。如果要是不挨着的话，选不上，你要想想选不挨着的话呢，我们可以再用X or方法选择后边所有的，然后再加上一个first，就是第一个。

Okay。