03-jQuery/12-尚硅谷-jQuery-内容过滤选择器

接着我们看这个内容过滤器啊，内容过滤器在哪呢？呃，在咱们这个选择器这栏目当中的这个位置，内容这个地方它提供了四个，第一个呢是contain是包含的意思啊，匹K包含给定文本的元素啊，元素这里有个事例就是查到包含join的这个div，大家看一下下面是四个div，它现在。这个核心函数当中写上标签名div啊，那么就表示按照标签名来查，那是查到上面四个，然后四个里面它只要哪些，它只要contains，就是包含了中文的这个字符串的这个div，那第一个他就看看你有没有啊，哎，有下来了，第二个有没有啊，没有，第三个有没有啊，有下来了，你看第四个没有啊，结果当中就只有一和三。啊，一和三这是内容的，然后呢，还有一个是NT啊，NT翻译过来是空的意思啊，那么匹配所有不包含子元素或者文本的空元素。

啊，啥是空远说就像这种。看到吗？其实标签和结式标签里啥都没有，这叫做空元素，OK，哎，那么看一下示例啊，他说查找不包含主元素或者文本的空元素啊，这是一个表格，表格有两行，每行有两个单元格，好，它先写上TD是标签名，按照标签名长的话，上面俩TD，下面俩TD得到四个，但是它只要空的M起，M起的话就这边这个空的和这边这个空的，你看下面是两空。啊好，接着我们再来看啊，我先看这个吧，这个一会讲啊，因为这个是非空的意思，刚好是非空的意思啊呃，匹配包含子元素或者有文本的元素，那就是非空嘛，来查找这个含有子元素或者文本的元素，你看啊，这就是里面有那种。还是刚刚那个表格两行，每行两个TD啊，然后他先写成TDTD呢表示这个标签就单元格上面两个，下面两个，哎，然后冒号派是什么呢？是取飞空的，呃，飞空的好，这个TD，你看上面这飞空，这个飞空就两个飞空的下来了啊，然后再看看这个has，匹配含有选择器所匹配的元素的元素，这个要强调一下比较的绕，这个比较的绕，因为每个班讲到这里时候，大家不太容易听得懂，注意看了啊，匹配含有选择器所匹配的元素的元素。

很绕，注意看它的示例啊，他说给所有包含P元素的D加上一个类，那么这是个div，里面有个P，下面也是个D，但是没有P。是吧，然后他按照标签没查div得到两个，他就开始问你有没有P，哎，你这两个div里面谁有P啊，有P的给我加点东西是吧？就这个样子，好，上面这个是不是有P啊，所以这个div它就查出来了，看见吗？里面有P的，这个查出来了。

好，现在我就想问了，当这个代码执行完以后，就这段代码，它是返回那个PE还是返那个DV？返回div，返回有P的那外面那个div记住了，你记得看你看这个说明啊，含呃，匹配含有选择器所匹配的元素的元素，看懂了吗？就是你要匹配我这个选择器，你要有我这个选择器的元素的外面那个元素你看到吗？那好多同学看到里头容易绕啊，记住了，这个查的是包含这个P的那个div，不是要P啊。这个要注意啊，这好同学看到就容易知道啊，注意啊，你看一下匹配含有选择器的，它的选择器是什么？是不是这个P啊，含有这个P的元素，就这个P元素到元素外面那个啊好，我们就讲到这里，咱们看一下它的练习啊，嗯，我们找到这个几块率啊，打开它还是到选择器里面来，咱们看看内容过滤啊，往下走页面是一样的，大家看每个页面都差不多吧，我就不再重复讲哈，我就直接上来写了，咱们先看第一个，第一个要求什么，选择含有文本div的div啊，那首先觉得要的是div吧，哎，然后呢，过滤什么内容就包含了吧，就contains，哎，Contain什么东西呢？是div吧，好，来，咱们刷新一下，跑一跑走。

有Di看见吗？有Di啊，有Di。有div吧啊，这是有的，OK，然后咱们看第二个啊，选择不含有子元素或者文本的div空元素，首先要是div吧啊，其次过滤的内容是空的啊，就加上NT就好了，那你在这边刷新一下啊，选择这个哎，不含有空的，是只有它空啊，就这效果啊呃，然后我们再来看第三个啊，选择含有class为mini的元素的DA元素，所以看这个是不是又绕了它说选择含有class为mini。

的元三始命令元素的div元素，这个首要的是外面那个大的D吧，哎，然后还要看这个has，就你有没有点mini是吧，就这样。OK。大家看是不是要大了呀啊，就好像人家问啊，比如说下面有很多家长，他就会问，诶，谁家有女儿，举手是不是要那个大的家庭，不是要那个小女儿吧，啊就找了个家庭啊，要记住啊，好，再看看最后一个啊，选择含有子元素或者文本的DNA元素。

啊就飞空的吧，就里面能有内容啊，什么元素呢？Div元素div，然后漂啊飞空咱们刷新一下啊飞空其实就除了他呗，对吧？啊其他都有内容啊，其他都有内容OK。