3. 尚硅谷_佟刚_jQuery_基本选择器.wmv原创

我们来看结块选择器，选择器是几块的根基，结块中对试件处理，电离do以及aja都依赖于这个选择器。今天上午呢，我们看到了我们的这个写了一个hardwork，就是我们把上午那个，上午那个写了一遍，我们发现用铁块热水的器确实是非常的便利，那有两个好处，第一个写法简洁。这个我们上午的时候已经体验到了啊，写法确实是简洁，这个里面。嗯。这个里面这个写法确实简洁，比方说看这个它选什么呢？就是选择name等于it，而且被选中的box，这种写法的确是。第二个就是完善的处理机制，我们跟大家说一下吧。就是说我用解块选择器，我来选择一个元素，如果这个元素要是不存在的话，浏览器不说。

报这个错的话呢，有点类似于控制异常，如果你选的这个，呃。元素要是不存在的话，在什么里边，在IE里边的话，就是在用普通动物的话，它就会容易。就主要后边的代码就不执行了，用几块去写的话呢，没问题，这个我们在后边继续讲的时候的话呢，我们会看到这个优点，OK，下面的话呢，我们就详细来看几块有哪些选择器。一本选择器，整体选择器，一本一本过滤选择器，内容过滤选择器，可变性过滤选择器，属性选择器，圆柱选择器，单选择器跟表单对象选择器，我们会把这个我们把会把这些这个选择器一个一个的过一下，你要是自己看书的话会很慢。我们一个一个的过一下，我们先来看叫基本选择题说，因为的选择器是解块中最常用的选择器，也是最简单的，往往。

最常用的都是最简单的，反过来最简单的往往也是最常用的，他通过ID。Ad class和标签名来查找矿物元素ID的话呢，在。文档里边只能用一次class，可以重复使用，那ID的话加一个井号，Class加class，加一个点element什么呀，叫原住民就直接写星号表示所有的。选择器一选择器二用逗号分割的话表示选择这个选择器啊，集合应该是一个并集返回我们看示例。一本选择题。打开。好，我们看选择ID为的选择器ID为的我怎么样我怎么样，标出它选中了，我给它加一个背景色。

啊，F5选择class v mini的，Glass mini的。选择原数名是div的，原名是div的，这个原名是SPA。你的所有body。选择所有的span跟ID为哎两个。好了，这是我们选择之后的效果。那现在的话呢，我们就来给他写一下。我把这个复制过来。OK，我来写啊，大家看怎么写。首先的话呢，我们这个style的后边吧，我们先需要导入这块库。

Src。Yes coffee。好，第二我们上午的话，我们经写啊，我们这个代码需要写在这个里边。叫方乐服，这个括号里边写一个function括号，大括号来写这个里边。好了，然后呢，我具体是需要为配五个button来添加可粒支架，所以说先需要看如何来选这个button，这是什么，B t1 BTN2，一直到BTN5ID好了选择ID。我选择器的话呢，我选择器的这个表达式啊，就放在这个里边，注意哈，看一遍选择器的表达式放在这个里边，Ad引号一添一好了，添加一个click显函数，Click没有啊了哈。

Function OK，打一个alert，天一保存看一下。哎，这个是可以被选中的，这就是什么呀，这就是我们给他添加事件的这个基本的写法，这稿说一下有有两点啊，第一个。使用ID选择器选择ID。等于BTN1。

一天一一的元素。咋写啊，这样写。CTRLCCTRLV2未选中的。Query。对象添加。克利。响应函数怎么加呢，这么加。这个。点，然后。Function。哎，代码呢，写在方式那个括号里面，代码连函数响应。

响应函数的代码。写在。Function。的中括号对吧？中括号中OK，我们可能会问是吧？我支持哪些个事件啊？我们可以来看它。事件你找一下。嗯。看一下哈，哪些试卷。这看吧，这边看不清支架。这么多click change。这些都是我们常用的什么啊，Change啊，啊，包括这个focus啊，我们会一个一个的来讲，OK，那这个选中了的话呢，可以了，后边的代码都这么写，所以说这是一个最基本的啊，然后我们看选择ID为半的元素，大家看ID为换的，这是不是个div啊，我让这个div的背景变色，于是写法是。

选择ad为换的，我使它的CSS有个方法CSS，我使CSS什么属性呢？背景色变为井号FBA，随便写个颜色哈，保存再看。这样就可以了，然后按F5选下一个就是什么，就是我们选择的，呃，选择，那我们是不是选择某个指定元素的方式，这块要认真的来说一下啊，以前讲课的时候呢，选择题都讲完了，然后同学突然问了个问题，老师啊，你在干什么呀？你让那小灯一个一会儿亮一会儿灭的是吧。

我不是让这个灯一会儿亮一会儿灭的，我是通过这样的方式看我这个圆柱是不是被选中的，懂那个意思吧，实际上是干什么呀，实际上我是让他加了一个背景，背景是这个颜色，我好通过这样的方式说明它被选中了，OK，这是一个，那其他的跟这个是一样的。1234。一共是五个来。二。345我们看二二呢是class我们看啊class。Class class这个class为mini，怎么选呢？Class为mini的点mini。And f5是吧，对于mini你的这样选好再回来，第三个选的是原数名之div的，这个简单，原数名是div直接写。

是明天。Div后边一个是span看一下，你看最后尾一个是span div好吧，第四个选择所有元素，所有元素怎么解星表示选择所有看出来。巴西包括body。好，第五个选择spend和ID为two的选一个，并集选spend逗号ID为two d。这就可以了，再回来。刷新最后一个，这是什么呢？这是ID two，这是看以上就是我们讲的五个基本选择题。

我把这个发句大家来写一下。