03-jQuery/13-尚硅谷-jQuery-属性过滤选择器

然后接着我们看一下属性过滤的啊，就是你找到一些标签以后啊，你还可以通过它有什么属性的，对要进行过滤都有哪些呢？请往下看啊，咱们回到主页这个地方，在选择器这里面往下走，在属性这个分类当中，这一部分都是属性过滤的啊，咱们看第一个它怎么用呢？就先写个中括号，然后里面写上一个属性名啊，这么写表示啥？你看说明哈，就是匹配含有给定属性的元素，就我在里面写个ID啊，你这个标签得有ID属性，我写个name里面有name属性啊，我写个ABC里有ABC属性，就这个意思了啊好，看它的示例。它的所有，呃，查找所有含有ID的div啊，就很清楚了，标签名要的是div哪个属性检查呀，ID是吧？看他怎么写啊，他先写上标签名div，那就表示按照标签名查了，就是两个div是吧？啊，然后过滤什么呢？他说诶你这两个div谁有itd属性啊，有的给我留下来是吧？很明显是不是只有它有啊，你看结果中就是它上面那个没有it属性的就被固滤掉了啊过滤掉了好再看看啊这个。

中括号里面不仅有属性，还等于某个值，这是啥？这是在你看这个事例啊，就匹配给定的属性是某个特定值的元素，就是你不仅要有这个属性啊值还必须我指定这个值才行啊，你看它的是例啊，呃，查找所有量属性是newsl的音部的，那这里呢有三个。这里有三个啊，三个input啊，都有这个内性质它怎么写啊，先写标签名input，那这是按照标签名查是查到三个吧，啊那那怎么过滤呢？这三个里它怎么怎么过滤啊，看着哈，他先写的中国号，中国号是表示属性过滤的吧，哎，过滤哪个属性啊，Name属性，那name属性的话，他就问了谁有内属性，他们仨说我们都有，我们都有对吧，三个，那三个里面的过滤，他说你们有的话，那谁是news letter呀，哦，我是news later2个看见吧，下面是两这三个不行。

就这样啊，来再看这个啊，中括号还是属性对不等啊，属性不等于某值，大家注意啊，这个时候呢，它是两种情况，它是两种情况，那两种情况呢啊，第一种情况是匹配不含有指定的属性的，就是说你没有这个属性，OK，我能把你选中了。第二种情况就是你有这个属性，但是你有的值不是我们指定这个值也行，两种情况啊，好，我们看到它的示例，他说查找所有name属性啊，不是newsle的input，那这里是三个，就只有它不是news吧，那你看着哈先input name不等于newsle，是不是只有CE呀？好，它这里演示的情况呢，是有这个属性，但是值不等于它那个值是吧？那我来给你演示一个不含有这个属性的也能选中的啊，那我复制上来。

呃，我父上来说我在哪演示。那我在外面写一个吧。啊，在外面写一个，咱们说诶，哎呀，我理他，我理他例子出来了，这个来咱们说test啊，Test测试啊。好，然后呢，我在这里。好，Type它引入啊，Src，我先引入这个几引它下面的几块啊，OK，然后我再整一个，对我用来写东西啊，我现在干嘛呢？你看我把这个放进来，我们说没有是不是也能选中啊，你看他们俩有现在呢，我把这个内容属性给它去掉，能查到最后一个吗？请看在页面加载完成以后啊，我按照标签名input过滤属性呢，是name，哎，然后是不是不等于啊。

哎，什么newsle，然后我们看看能不能查到啊，只要他有一个是不是就是第三个了，已经没有其他人了嘛，好吧，来走你，哎哟来再看一次哈，我是哪里写错了吗。呃，中括号那是吧。呃，不等于零，我复制一下，我怕我写错字母了。好像是少个东西是吧，我说怎么三个都出来了，来咱们刷新下就只有一个了，OK，你看就是没有这个属性呢，也是可以被查到的哈，好，哎，那我们再往下看啊，到这个间号，诶间号什么时候出现过一次啊，昨天讲对讲正直时候还记得吧，昨天讲正值间号是表示打头的意思啊，所以看这里就表示匹配某个属性是以某些值开始的，也就是打头的那个，哎，减数啊，看看效果，他说查找所有ne以news是开水的input的元素，那这里是三个input，他怎么写？先按照标签零查input是不是得到三呀？哎，得到那三以后，他说S3个里面有点多，我过滤一下咋过滤，谁能写到中括号，他开始过滤属性了，哪属性啊，内容属性，那这个属性它要过滤哪些内容呢？他说你这个属性值要以news打头，因为这是不是兼号啊，那news是第一个呗，Milkman不是第三个，是不是也是啊，也就是两个啊。

啊，然后再来看，呃，这个是怎么到了，等于某个值就比这是结尾吧，这个正值也是它吧，啊这东西比较常用啊，你看匹配给定的属性是以某些值结尾的元素啊，看它事例，他说查找所有ne以later结尾的input。哎，好，那看看啊，这里有个INPUT3，哎三个，然后呢，他怎么写啊，先写input的标签名，按照标签名查三个吧，哎，然后呢，过滤哪个属性啊，Name属性，过滤name属性，哎然后呢，过滤什么内容呢？他说我过滤结尾的，以谁结尾啊，Later结尾，那就看了，你又later啊，Later结尾下来了，哎，Milkman不是job later，哎来了你看。

是吧，OK。然后接着看一下哈，哎，这个是属性心等于某个值，心是啥呀，匹配给定的属性是包含，看见了吧，包含是不光线位置的，有就行了，哎，来请看啊，它有个示例，他说查到我所有name属性，包含men的input啊，这里有四个，那他先按照标签名查，就四个嘛，然后他说量属性，我用过滤查新就包含meant，这第一个是不是有啊，第二个也有，第三个也有，除了它没有吧，1233个吧，上面。啊3OK啊，然后呢，我们再来看最后这个叫做复合属性选择七，它是什么效果呢？需要同满足多个条件时才能够返回啊，他要求同时满足多个条件来请看他的事例啊，他说找所有含有ID属性啊，并且呢，它的name属性还要以man结尾，就俩属性嘛，是吧？哎，他怎么写啊，Input按照标签名来了，就四个呗。

然后紧跟着呢，他要过滤有ID的，诶他就说哦，有ID没有啊有有E3有是吧，在在E3里面还要接着过滤，过滤谁过虑name这个属性，他说你们俩都有那属性吗？啊都有O那还用顾虑啥，哎呀以main结尾，你是不是以main结尾啊，不是你是不是以main结尾是就第三个看见吧，就是它。OK，那么我们来做一下这个练习啊，找到选择七呃属性这个地方啊，我们运行起来一样，大家看见了吗？每个页面其实内容差不多了，我们去写这个效果了，打开它，呃，到这最底下来，咱们看第一个按钮啊，第一个人家要求啥？请看选取含有属性title的元素div是吧？要是div了是吧？过滤的属性是不是抬头啊啊，那你运行一下点点。

有title头看见吗？有抬头啊，有抬头啊，有抬头啊，OK，好，再看第二个选取属性，Title值等于test的div元素，好，第一标签名前置，先写标签名，然后开始过滤，过滤的属性是不是title？哎，过滤的内容是不是等于某个值啊，就是这样。哎，Title是不是等于test title是不是等于test？你看这个有抬头不等于test吧，所以没选中，哎，这个有title，但是它也不等于test，为啥？它是不是多了个S，看见吧，多个S啊好，那我们再看第三个啊，选取属性title值不等于chd元数括弧，他特意给你说明了一下，没有这个title也将被选中吧，刚是不是演示过一次啊啊，Div属性是title不等于CH。

很多嘛，因为没有的也会选中嘛啊，然后他们看第四个啊，选取属性开值以T开始的元素啊，首先觉得要的元素是div是吧，属性是title筒以什么什么开始，是不是间号等于啊de嘛啊。这个OK，有title啊，这是T啊，有title啊T啊，有title啊T啊对吧？那再来看选取有title头以EST结税的啊的div是吧？首先是div过滤的属性是title结尾是不是Dollar等于啊EST啊。

没有什么特别难的啊，走结尾，这是title啊EST啊title啊EST看见吧啊OK，然后再看看这个啊选取哎title，而且呢，是不是含有ES的啊，含有是新的那个哈来首先是div属性呢，是title心等于ES。抬头ES，抬头ES啊，就这样好吧，大家看一下呃，首先选取属性有ID的div元素，然后在结果里面再过滤属性值态头含有ES的这个div，首先选择要是div吧，先把标签名写上啊，咱们习惯就是先把标签名写上，然后再过滤，过滤的是不是先过滤ID啊，然后再过滤什么是不是title啊，里面含有含有着心等于ES啊。

哪个这个有ID，是不是有title，而且还有ES啊，就这样，最后这个再看一下啊，选取含有title的属性，而且属性是不等于test div元素好了，标清明星鲜，然后是不是有title，还要title不等于test，这是有的，这是没有这个这是有的，是不等于这个值是吧。有不等于test，看见吧，有抬头不等于test好。