00:00
好,我们开始再往下。前面呢,整个2.1节这块啊,都是一个基础知识的一个介绍,从2.2节开始,我们进入呢这query的学习,也就说从2.2节开始之后呢,都是J块RY中的各种使用规则了,在这块RY中有一个最重要的叫做选择器。这个选择器呢是非常重要的,这个选择器呢,它是一个字符串,是用来定位你当前页面中的盗墓对象的。你定位了DOM对象之后,就可以操作这个DOM对象了。所以选择器呢,是j query的核心,也是它的基石,整个j query的操作都需要用到这个选择器。选择器是一个字符串,是定位倒对象的条件的。我们说选择器三选择器,它就是一个字符串,用来呢定位到对象的。
01:14
这是选择器定位盗对象,定位了盗对象,那你就可以通过给query函数来操作到吗?好,这是我们的选择器啊,就是个字符串。选择器的常见的类别是。常用的选择器。好,第一个我们叫ID选择C。ID选择器,它的语法规则是。到了你把引号引号,然后是倒对象的ID。
02:09
样的ID值。这就是ID选择器,是通过倒的ID来定位倒对象的。到了。井号开头倒对象的ID值,这叫做ID选择器。那这种方式呢,就是通过DOM对象的ID来定位do对象,通过I找对象。通过ID找对象,这个ID在当前的页面中是唯一值,也就是说呢,这个ID啊。在当前页面中肯定是唯一的。就和数库主件一样,它不会重复的啊,ID选择器第二种,第二种呢叫做class选择器,嗯,选择器啊,它的语法规则是这样的,是Dollar,然后点是class的样式名啊样式名。
03:25
这样就可以了。这种是样式名啊,我不知道class这个内容呢,大家是不是有足够的了解,Class就是样式的意思啊,Class是样式,这个class呢,是用来表示CSS中的样式的,我们使用样式的名称来定位倒对象是这样的。点,然后是样式名称。就是。第二种。
04:02
还有一个呢,比较常用的第三种,第三种呢叫做标签选择器。标签选择T啊,它的语法是高括号,引号里边是标签的名称,那这种方式呢,是使用标签的名称来定位倒对象的。那这里边儿我们大家写的语法规则,像井号ID。样式名称、标签名称,这些就是选择器。这就是定位大量条件吗?管这些都叫做选择器,所以选择器呢,你不用说想啊,选择题是什么呀,它就是一个字符串。这个字符串呢,是一个条件,用来呢去定位查找盗墓对象的,这叫做ID选择器,样式选择器,标签选择器,这三种是最常用的,这三种你掌握了绝大多数的这一块的操作就没问题了。
05:17
下面通过例子呢,给大家演示一下我们的这个选择器的使用例子啊看这。那我们这块呢,新建了一个网页里边呢,我增加个样式,这是div。指定div的背景色,灰色的宽度和高度,引入j query。在页面中,我们定义了如下的倒对象,分别是div ID就Y。然后div class是two啊,Class two。这div呢,是什么都没有,没有ID,没有class。这class就是样式的意思啊,样式。SPA,然后有三个按钮。
06:03
我现在呢,先把这个页面呢创建出来。好,那创建的话呢,我们拷贝一个吧,然后说就拷贝这个CTRLCCTRLV。Select。打开这个select。打开之后呢。把上面的其他都关掉。就这一个啊。里边的这些内容呢,我们都干掉,这些保留着就行了。啊。这个呢先改到这儿,然后把样式加上。样式我们指定的是。然后这一块是类型。应该是CSS。首先我们div。
07:01
它的background是灰色的。啊,灰色的,然后指定它的宽度。200PX像素比上它的高度100PX好。这就是我们的div的一个样式啊,下面呢,我们来指定那个内容,首先第一个div ID我们叫做yonid,自定义的我是one的div,结束div。然后换个蛤蟆再来div class等于t wo。哈,我是样式是错误的D。
08:04
好。然后那我们再加上一个换行,接着再来div,说我是没有ID和class的,Div结束换行,再来一个SPA,我是SPA。标签啊标签。换和好了,然后来按钮第一个按钮button,然后V是说我们获取ID是one的倒对象,绑定一个事件on click。Fun,好,先写第一个。那么在这。
09:01
来指定我们的函数。三个一啊。那我们要用j query的ID选择器啊,使用方式Dollar,然后井号,井号ID值on好。那这块呢,得到的就是一个这块对象了,我们定一个变量吧,叫OBJ,那此时井号万,它拿到的就是I是万的这个div。然后我把这个div的背景色给你改一改。我们这儿来使用,使用这query中。改变样式的函数。
10:03
那我们用OB这点,CSS这个呢,是这宽中提供的函数改变样式的,改变的是背景色,背景色呢,我们这儿来指定一个。比如说一个红色吧,Right好看一下我们的。右侧啊,这个不要了。这个好宽呢。高度是100行可以吧,刷新一下有三个div啊。那现在要点按钮了。我们看。第按钮是变成了红色吧,那说明呢,我们定位ID是万的,这个语法规则是正确的,能够找到页面中的万这个对象吧。同样能够改变它的背景色是红色,那你看通过这块RY中提供的函数CSS来指定要修改的像是背景色指定它的值,那我们就可以快速的来修改你的样式的,这样不很方便吗?这就是ID选择器的使用井号ID,那它现在是个数组。
11:18
这个数组就一个值,因为ID是万的,就一个嘛,然后就一个。
我来说两句