03-jQuery/10-尚硅谷-jQuery-层级选择器

我们来看一下层级选择器，哎，层级选择器呢，是在这个基本选择器的这个下面，也是一组非常常用的选择器啊，那咱先看第一个，这个是什么呀？你看祖先空格，后代是在给定的祖先元素下匹配所有的后代元素，我们称之为后代选择性啊，那你可以看下它的事例，他说找到表当中所有的input，你看这是一个表单里面的input，我们知道这里面是不是都是它的子元素或者分子元素啊啊，这是后代的，那他怎么写，所以他要先写个，他就按照标签明察得到上面这个缝，就这样子。然后空格表示什么意思？表示草方里面的或大的，哎，那他就找这个input呗，你看input吗？这个和这个都算结果当中就有两个，那这个那等于那为什么没有数量的结果中呢？因为它不是负标签的子元数法。

啊，也不是他的孙子元素啊，不是它的后代，这咱们了解一下，再来看父子中间是个大括号啊，这是求子元素的，在给定的负元素下取所有的子元素，哎，看着它，他说匹配表当中所有的子集的input。这有个音input，这有音input，我们也有个音input。啊，他怎么查？他先写标签名for，按照标签名查得到这个，然后大括号是取子元素的，他说取哪个子元素呢？标签名是input，那子元素只有这个name等于name，有同学不进去要问老师，那为什么这个那等不算呢？它的孙子元素能理解吧，不是它的直接的函数节点啊，你看这个令等于链出这个，这是它的子元素。

非要明白啊，这是的元素，OK，然后再来看这个当前加下一个，这什么匹配所有减明在这个元素后的next元素就后面一个啊，你看是例，他说匹配所有跟在label后面input label后面input label后面input，看见吧，怎么写呀，它得写成label加，从标签查就得到这个label和这个label加号是表示后面的一个input，你看这个。和这个就出来看见吗？这个没有选中，是因为它前面是不是风标线呢，它没有跟在那的后面啊好波浪线是什么，后面的多个上面就是一个，这是多个，你看匹配这个元素后，所有的看见了所有的，那看这个是立马。找到所有跟表单同倍的input啊，表单是谁啊？是这个了，风同倍的就除了它还有别的了，没怎么写的呀，写个风啊风就表示按照标签平常回到它波浪制取它后面的input，那它后面input不就只有这个吗？结果中有它。

然后结果总有它OK，好那。那这就讲完了，成列题就讲完了，我们看看练习啊，我们打开我们第三篇里面，刚刚的这个选择器里面啊，咱们刚才看到这个基本的，大家看这个成绩，我先把它跑起来。啊，先把它跑起来好，那么大家会发现这个层级选择器跟我们刚刚那个基本选择器是不是一样一样的，内容也是一样的，所以我就直接上手写了，我就不多讲了，来我打开它啊，上面是一些一样式，这里呢是不是演奏机gra，并且呢，这里人家还写好了一些代码，点按钮文当是要的给我们写好看见吗？四个按钮，咱们这不四个按钮吗？哎，你只需要写那个选择器就行，当然如果说老师我想多练一下，你就可以把这个代码删了，自己写一写啊，多敲一下啊，多练习一下可以的，大家大家可能会说老师这雨没见过呀。

那注意啊，这个东西是啥？这个东西是大符大括小括号里面写个方式，诶放上来别着急啊，它是这个的全写，这是全写，这个简写能理解吧？啊为啥这么说呢？那文哪就这么说呢？来给你看看啊，Ready看见了吗？好，这里就是Dollar document ready函数可以吗？它这里就是到了document.ready翻出函数看见了吗？然后再看，他说哎，你可以使用它的简写，就是下面这种情况，看懂了吗？啊，他们都是页面正态完了之后就这样好了。

那么咱们就先看第一个吧，啊，或者你看这边的文字也行，选择body内所有的，这里也是一样，选择body内所有那啥情况，那是不是选择这个里面里面后代的所有DNA啊，后代是什么，就先写成主先都得空格DNA能理解吧，往那里运行。点一下这些DNA都选上了。好，再看第二个按钮，在波的内选择D子元素，看见了吗？这种只要子元素，那还是一样，先写负大于号DA。啊，运行一下走，这是子元素，那小的为什么不选中，因为小的是不是分子元素啊啊好，再看选择ID为one的下一个D，那你得先把ID为one写上，看见了吧，下一个是什么加号对D啊D好，我们这边刷新一下。走ID为慢同学吧，好，来看最后一个选择，ID为two的后面所有div，那ID为two就先写上ID为two呗，看见了吗？后面所有是波浪线，然后第走你ID为two，看见了吗？后面所有的是不是选上？有同学可能还想过是吧，就这小的为什么没选上？

各位大家注意啊，这种加号和波浪线都是求前面这个同级的元素，能理解吗？哎，就是这些大的，你稍微看看这些大的是不是才跟他同级，你这个小的跟他不是一个级别，但没想到他啊，要明白这个啊。