锋利的jQuery第六期

哈喽，又见面了，最近小编去机房部署大数据集群啦，承蒙校长一路指点，服务器的部署还算顺利，在此道谢了，啦啦啦，今天又到了我们说jQuery的日子，首先，上原始图：

第一对儿（因为今天要把内容过滤选择器结束，就多上几个例子）：

contains的用法，筛选出包含某些文本内容的元素，用法比较简单，原则也和之前相同，可以组合使用，比如我想改变含有文本di的div元素，也就是在所有div元素下再做进一步的筛选，效果图如下：

代码为：$("div:contains(di)").css("background","#bbffaa");

has的用法，这个首先要看一下has的参数列表，写的是selector，即选择器，也就是说我们传入的参数必须是一个选择器，has本身的用法也是包含的意思，选出包含某个匹配规则的元素。比如，我想改变包含class为mini的元素，效果图如下：

代码为：$("div:has(.mini)").css("background","#bbffaa");依然可以搭配使用

第二对儿：有关于子元素的筛选，这个应用的场景应该会相对多一点

empty的用法，字面的意思就是空的，也就是不包含子元素的元素的筛选，代码为：$("div:empty").css("background","#bbffaa");也就是不包含子元素及文本元素的div元素，效果图如下：

这里注意，如果有文本元素，即如果html()或innerHTML是有值的，将不会被匹配，使用时应注意

parent用法，这里不多解释，和empty恰恰相反，即含有子元素(包括文本元素)，如果代码为：$("div:parent").css("background","#bbffaa");那么效果将是：

好啦，今天的内容就这么多了，希望大家可以结合前几期复习一下，前几期的地址大家请关注公众号，点击下方菜单，选择它山之石，然后点击浴火的小朱，即可看到往期全部内容。