00:00
来看我屏幕啊,看我屏幕。我们先简单回顾一下我们上一次课所讲的内容。我们上一次课呢,我们首先讲的是CSS。那么第二大部分内容,我们讲的是JS。那在第一个CSS里面,我们讲的是什么呢?第一个。我们得知道CSS他的角色。他的角色是干嘛的?他的角色就是起到一个对页面美化的作用,是吧?HTML,它能够决定我们页面上显示哪些内容。那么CSS,它能够决定我们的页面显示的这个风格,显示的样式,显示的美观程度。啊,也就是说页面。显示的美观程度啊,美观或者叫风格。这是他的一个角色。大家需要知道。第二个,我们要知道CSS的一些语法,基础语法。我们知道我们在定义CSS的时候,我们可以定义叫标签样式。我们可以定义那样式。
01:00
我们可以定义ID样式是吧,同学们,当然还有一些叫组合样式。那么如果从,如果从。CSS如果我们把它单独的从它的这个代码的位置上来分。从代码的位置上来分,我们可以在一个标签的内部去写样式。我们这个称之为叫嵌入式样式表。那我们也可以把这些CS的代码统一的放到一个叫style标签里面来进行管理,那么我们称之叫内部样式表。是吧,同学们。那如果说我们这些CSS的代码,我们不放在HTML代码文件里面,我们可以把它单独的放成一个点,CSS文件我们称之为叫外部样式表。没错吧?好,就是这样的。这是我们CS的一些基础的一些语法,当然它的语法呢,可不止这些。比如说我们如何去设置,如何去修饰背景啊,背景图片啊,背景颜色啊。
02:00
我们如何去设置字体的大小啊,字体的颜色啊,如何去设置对齐方式啊等等等等,其实它的属性啊会非常的丰富。紧接着呢,我们讲的是叫盒子模型。合磁模型,我们了解了它的三要素,第一个叫边框,叫包的。是吧,第二个叫间距,我们称之为叫marketing。第三个叫填充,叫潘,没错吧,同学们。啊,我们了解了这么三个,好,这是合作模型。再来。第四个我们讲了一点点叫定位,关于它的定位和浮动。啊,也就是我们的position。以及。以及我们的叫float。浮动。我们的position我们讲了两个,其实人家position有很多啊,我们只讲了两个,一个叫absolute,一个绝对定位和相对定位。那么绝对定位,它需要和left以及top进行配合。是吧,和left以及top进行配合,设置它的坐标嘛。
03:03
那如果position我设置为,我们可以和float进行配合。当我们是相对定位的时候,我们可以让它向左浮动或者向右浮动等等等等,从而能够控制它的一些定位布局啊。然后呢,我们就讲到这个定位和浮动的一个一个比较简单的一个应用。也就是说我们对一个页面的布局如何来做啊,叫CSS。布局。叫div加CSS布局。就是这样的。呃,这是我们CS当中我们所学的一些,呃,一些内容,紧接着呢,我们学的是JS。JS第一个。第一个大家需要知道的是GS。是什么呢?它是客户端。或者叫浏览器端。浏览器端啊,客户端或者叫浏览器端运行的。一个解,一个叫叫脚本程序。
04:02
程序。啊,或者叫脚本语言嘛。它是客户端或者是叫浏览器端运行的一个脚本语言。那么语法风格。和Java比较类似。啊,是比较类似的,那么有哪些地方不一样的呢?第一个我们得知道一下,它是一种弱类型的语言。是弱类型的。它是弱类型的语言,那么我们以它的简单的数据类型,比如说有字符串类型。有数值类型,还有我们的布尔类型。是吧,同学们。这是它的简他的简单数据类型,或者或者叫基本数据类型。那它就是number数值。那数值有可能带小数,也可能也是整数,都有可能。那字符串类型,它字符和字符串不分,那就是喜讯。我们还有不法类型。只要你不是闹。只要你不是undey是吧,也就是只要你存在啊,你你你你不是未定义的。
05:02
啊,或者是你是有值的,我们就是认为是Q。啊,都可以和true进行进行进行混用。就这样的。它是一种弱类型的语言类。弱类型的语言体现在。我通过VR来定一个变量。比如说我定一个变量叫ST。那么这个str这个变量名啊,它的数据类型是根据它后面的类型来决四的这个值的类型来决定的。你给它附一个数字,那它就是数值类型。一会儿呢,你再给它附字符串,它就变成字符串类型了,是吧,同学们。所以说我们说它是一种弱类型的语言。然后呢?我们GS当中其实也有数组啊,它其实也有面向对象的部分。啊,这部分咱们暂时呢,我们没有去去太过多的去去讲解,因为后面咱们还会再用到。JS呢,它也支持面向对象。我们可以通过new object也可以创建出一个对象出来。
06:03
当然人家JS也有内置的一些对象,比如说呀。比如说呀是吧,它有一些内置的对象。当然JS里面还有一些比较好用的一些API呢,我们暂时先不讲啊,等到后面我们做到项目的时候,在项目当中自然而然我们就要用到了,用到的时候咱们再给大家再说一下。啊是是是不会不会给大家漏掉的啊,但是呢,我们如果系统性的去讲JS的话,那这个花的时间会非常多啊。那么JS呢?我们当中的还会讲到它的函数。它的函数的定义,比如说我们可以通过function。我们可以写个hello。啊,然后我们给写大括号,这里面是方法主体。那么第一个我们要说明的是,这个方法它没有访问修饰符。这个方法它有没有返回值?就看我大括号里面执行,会不会执行到瑞顿。如果执行到return,我就说明我有反位值,如果我执行不到,那就说明我没有反位值,它没有严格的限定词是吧,同学们。
07:05
第二点他的这个方法的参数。哎,你这个方法的参数我可以不传递,但是我在调用的时候,我可以传也可以不传。也就意味着定义的时候和调用的时候,它的参数的类型啊,以及它的数量啊,它并不是完全限定死的。比如说我在这里面我可以定义一个参数number,但是我传递的时候可不可以不传。也是可以不穿的。或者我可以传两个参数啊,其实也是可以的,传三个都可以。啊,所以说它这个是非常的灵活的。好,这是我们所说的叫JS的函数。再来。然后呢,紧接着呢,我们接着讲了一个叫动技术。啊,我们通过一个案例,我们讲解的是DOM技术,稍等一下啊。我们讲了一个类似于啊,类似于一个水果库存的一个那么一个界面,那么一个表格。
08:01
那么首先呢,我们先通过HM加CSS,我们先把那个表格先画出来了,让他居中是吧,同学们啊,然后呢,紧接着呢,我们做的第一个功能。我们做的第一个功能。是不是叫鼠标悬浮啊?鼠标悬浮的这个功能,还记得这功能怎么做的吧?我们通过on mouse over,我们可以绑定这么一个事件是吧,On mouse over,然后呢,我们可以通过invent点。Sc element得到我们这个事件源对象。有印象不好,所以我们有两个,第一个叫on mouse。Mouse over,这个是鼠标悬浮。第二个是invent.sc element得到事件源。得到世界源之后。其实我们会发现这个世界演员对象是一个TD。因为我们说了一点点,叫事件传递。
09:00
事件。传递。我鼠标悬浮,本来我是设定在TR这个上面的。但是其实TR的内部又有TD,你鼠标放在某一个TR上面,其实你是最后你还是放在一个TD上面是吧,这是一个事件传递。好,然后呢,我们。得到一个是一个T2啊,得到是一个TD,然后我们可以通过parent element。叫parent element。我们可以得到T2。得到TR对象之后。我们可以怎么做的?是不是某一个对象点style?点background。看。是吧,同学们。哎,我们是通过设置它的背景颜色啊,当鼠标悬浮的时候,设置它的背景颜色。那有鼠标悬浮,可能就会有鼠标离开嘛。所以我们还有一个叫鼠标离开。那么鼠标离开就是on mouse out。那么后面的其实都差不多是吧,这个叫鼠标离开叫almost out。
10:05
这是我们第一个啊,做的一个小的一个效果。第二个。第二个我们做的是当鼠标悬浮在。呃,单价那个单元格上面的时候,它首先变成手的形状。然后呢,我们可以点击。还有印象不?鼠标点击。啊,我们有个叫on click,当鼠标点击的时候。好。那么鼠标点击的时候呢,我们做什么事情呢?我们通过invite.sc element。能够得到那个TD。那么我们可以得到TD的in the text。这是啥来着?是不是in text可以得到这个单元格内部的文本啊?得到这个内部的文本之后,诶,这就是他旧的那个价格吗。然后我做一件什么事情哦。是不是我通过inner?HTML有印象吗?我通过HTML我可以去设置哦,往它的里面去绑定一个文本框。
11:03
是不是?哎,这样我就往这个TD的单元格里面去设置了一个文本框了。那么我设置好的这个文本框啊。它是没有值的。我们以前那个旧的纸,稍等一下。我们之前这个旧的值已经被我们拿到了,那么我们可以通过TD,当我们设置完这句话之后,请问一下TD里面是不是就有一个子元素叫这个文文本框了呀,那么我们可以通过TD。哎,我们通过TD点。First child是不是可以拿到它的第一个直接点,其实就是input嘛,然后我们可以通过点的属性把我们之前那个old price把它附上去。没错吧,同学们,哎,就是这样的。这样这个input框里面就有值了,当然我们还学了这个input框,可以用它的select这个方法,让他默认里面的文本就能够选中,这样用户就可以直接去去进行修改了。
12:02
没错吧?再来。好,稍等一下啊,我把这个这个叫hand或者叫point,把它写在这啊。这是这是我们一开始的时候嘛。是吧,一开始的时候这个鼠标放在上面,它变成手的形状嘛,是吧,好。写在这啊,大家就能知道什么意思了,好,再来。那么这样的话,我里面就有内容了,然后呢,我们还学了一个。我们修改完鼠标这个,呃,里面的单价之后,我们是不是有个叫叫叫。就要失去焦点啊。是不是同学们?数语焦点是啥来着?On blue。N below表示我们这个文本框失去焦点了,失去焦点之后,我就把这个文本框它它的value值附到什么,附到这个文本框的parent parent是不是就TD啊。到TD的in text里面去,也就是input节点,它的parent element。
13:06
不就是TD吗?然后它的in the text,我们附上一个叫新的啊,新的值叫new price。不就是这个它的value值吗。就这样子。啊,当我们失去焦点的时候,然后呢,我们还做了什么呢?我们还做了小G。更新小气。呃,以及我们的叫更新总计。好,我们把它分开吧,啊,更新小计还有更新总计。更新小鸡,我们是怎么做的呢?我们现在失去焦点的时候。也就是在它上面失去焦点的。我们可以通过invent.sc element,我们得到的是一个input。啊,得到的是一个input,然后呢,input.parent element element得到的是TD,然后再点parent。
14:03
Parent element是不是得的是TR呀?我们就能得到T2。那请问我们得到TR想干嘛咯?我们得到TR之后,是不是sales,是不是就能得到里面所有的TP?我们拿到所有的TD,不仅能够拿到单价啊,数量啊,以及小记这三个单元格的这个这个TD对象了吗?拿到对象,我们就可以去拿到里面的值进行计算,计算完之后就可以进行复制。只不过我们在计算的时候,我们还学了一个叫pass in,有印象吗,同学们?叫pass,因为你拿到的是一个是一个叫字符串类型的值嘛,我们字符串类型的值你不能用于做数学运算呀。你要做乘乘法的话,你得进行类型转换是吧,同学们。就是这样。那更新总计也是一样的,首先第一步先获取table,我们通过document。点get element by ID,我们那个是好像是叫fruit t。我们先拿到表格。
15:02
啊,然后我们的表格里面TBL点是不是Rose可以拿到所有的行啊。那既然拿到所有的行,我们就可以拿到其他的信息了。这是我们更新总计。再来。紧接着呢。紧接着呢,我们讲的是。呃。删除。啊叫删除。删除库存记录删除一行啊,我们就写个叫删除一行吧。删除一行,我们用的是那个图片,它的on click事件。Image吗?是吧,那个图片啊,小图标,当我们点击的时候能获到小图标,那么它的parent element不就是TD吗。是吧?TD,所以image.parent。Element拿到是TD,再点parent element是谁啊?是不是T2啊,然后它是不是一个叫index啊。
16:00
哎,是吧,同学们叫index,好,然后呢,我们这个table它是不是一个叫delete rule啊。嗯,有印象吗?它里面需要一个rule index,这样可以不就可以把一行删掉了吗?对吧,叫delete入,这叫删除某一行。那么这个是删除。嗯,然后呢,我给大家留了一个小作业啊,就是我们添加是吧。是吧,同学们添加啊,下面咱们一起来把这个添加一起来把它做一做。好,我就先把这些保存下来。要不我就放在这吧,啊,放到代码里面吧。放这啊。Review。好,这个我先把它关掉,嗯,然后呢,我把。我把我们上一次课,也就是这里面的。嗯,我们的代码应该是最后一个,然后JS image以及CS我全部把它拷过来,根据C。
17:03
跑过来。拷过来之后呢,把它放在这里面啊,我就放到这个代码里面了。那我这边就写一个叫作业啊。把它放在这了啊,我把它打开。嗯,JS,其实咱们只需要这一个是吧,基本两个都不要删掉,留着也没事的啊。CSS也是一样的,代码零幺也不要,只要一个代码零五。好,Image这边一个小图片没问题。OK,咱们把JS也打开。我们运行看一下啊。OK,这是我们的一个一个小的一个表单,那么我们回到这。首先呢,同学们。这是一个div。它里面有个table,我们先看一下这个D在哪里。啊,叫爱的的div。
18:00
我们可以把他的CSS,可以把它拿拿过来。我们回到这,也就是它爱的float的div,我们先把这个CSS先把它调出来。井号,它这是不是ID样式表。然后我们这边写个叫Bo e PX solid,比如说我们写个RA。我们来看一下啊。这个红框框它的范围是多少,它的范围是这么多。请问一下我上面这个表格是多少来着?我记得这个table的外面还有一个div。这个DP好像是80%。啊,所以呢。所以呢,我现在呢,我把这个红框框,我也把它设置为80%。WHY?80%。然后再来,我把他的marin left把它设置为10%。是吧,就这样子来,那我们再来看一下,回到回到这刷新一下。
19:02
你看一下这个红框框,它本身它是不是居中的呀。然后我再把它,把它里面的内容再来设置一下,当然了,这个表格没有必要做到和上面的宽度一样,其实是没有必要的。啊,其实是没有必要的。为什么呢?因为你这个如果和上面宽度一样的话,就显得稍微有点难看了。啊,你可以比如说红框框,我就设置为40%也没事啊,也是可以的,比如说啊,要不我进来改改。好回到这边来,比如说把它变成40%,那你这肯定是就30%嘛。是吧,那我再来刷新一下。你看它就变到这儿了,然后它内部的这个table,我可以再来设置一下。好,来看一下啊。回到回到这儿,我内部这边有个table。我这个table呢,我也把它的ID把它写出来叫ad。Fruit t Bill。我把它的边框也来调出来。回到这边来。
20:00
井号他。它是有边框的BORDER1PX。Solid。我写个叫light grey这个颜色不要随便乱写。那么这个table里面,其实它的里面也是有一些TR和TD的。所以呢,我把它的这个TR也加上去,把它的TD也加上去。那这样他们都是有边框的了,刷新一下。是吧,它就得边框的了,然后呢,我把它的宽度可以把它改一下。比如说这玩意儿。它的宽度。Why does?变成百分百。稍等啊。我们再回到这边来刷新一下。诶,这样它就变成百分百了,对吧,它能够填充整个DV嘛。啊,能够停中整个DV,那这个里面咱们具体的这个美观程度,你就不用去纠结,也就说老师这个框框,我感觉这边空的太大了。因为我当前的这个分辨率有问题,如果把它改小一点啊,总归它能够缩小到一个差不多正好的一个状态,但是不是每个人的分辨率都是这样的。
21:02
啊不就是不同的客户端它的分辨率是不一样的,这个大家就不用去纠结了啊,因为咱们不是专门做前端的。如果我们专门做前端,我们要根据用户的分辨率,我们去做适当的做一些计算,这是可以做到的。这边我们就不考虑了,简单就简单的把它写成这样就可以了。哪怕是什么呢?这个table你可以再去稍微稍微设置的好看一点。比如说这个table,它的宽度不是100%,你可以把它改成80%。你可以把它在marking在left改成10%。然后这个table呢,最好呢,距离上面有一些距离marking top,比如说距离上面稍微有个20或者32PX。那这样呢,它就会距离上面稍微有一点点小的距离啊,不要紧贴着上面刷新一下,它是不是就往下挪了一点啊,然后咱们再可以把它红框框再把它去掉啊,我们再来试一下。红框框把它去掉啊,也就是这个把它改成零。好,再回到这边来刷新一下是吧,接下来就跑到这边来了,然后这里面单元格的合并,我们也可以把它写一下。
22:06
也就是他它里面的叫什么来着,叫border,叫collapse。是这个吧。好,就这样子,那我们再回到这边来刷新一下。那它里面的线不就合并起来了吗?然后里面的内容我们可以这样,它在居中也是没有问题的,比如说这边我们写个叫text。好,那我们再来刷新一下。回到这刷新一下对吧,就稍微好一点点了,然后里面的行高我们也可以稍微设置一下行高。Height,比如说我把它改成28PX。保存一下啊,再回到这边来刷新一下。啊,应该有一些变化吧。还有这里面的我框,我把它的这边全全固定住。第一个点W,比如说我写个宽度百分之百分之。
23:01
30吧,30%。好的。30%。然后呢,我再回到HTM页面上去,也就是我们这个名称,我们得使用一下class等于W30。我只要把第一个宽度限定住是吧,那剩下的就是70%嘛。那么这个里面的这个input,我可以把它设置为啊input。当然了,我们还有一种样式表的语法,我给大家也写一下,但是我们这边用的是CSS2.0,没有用三啊。呃,我给大家写一下,比如说我这边写一个TR。或者叫TD吧。我可以写个中国号。然后这边呢,我可以去写一些,比如说type等于text。啊,这也是一种样式规则表示,我设定的是这个表格里面的TD单元格里面,单元格里面的什么呢?Type啊,它里面的input。啊,它里面有个属性,Input里面有个属性叫type type是如果是text,为了把谁给删掉呢?把下面这个button给筛选掉,我让上面所有的input都遵循一个规则。
24:03
啊,这样也是可以的。啊,这样其实也是可以的,所以说这样式的这个语法风格其实还是蛮多的啊,这个咱们就简单知道一下就可以了啊,那么我就简单来写了,我就直接写个叫点input。写个那样式,我让他的包是e PX solid,然后呢,Light GR。好浅灰色,然后呢,我让他的wide是百分百。我们试试啊,看看行不行啊。嗯,再回到这,也就是它。我写个class。好,我们就写一个来刷一下。刷新一下,哎,发现是可以的吧。啊,是没有问题的。然后呢,我们再把它啊,把它这个叫什么呢?把外面这个TD啊,可以把外面这个TD再写一下,因为你这个文本框紧贴的这个框的话不太好看啊,稍等一下啊。或者我可以怎么来做呢?这是个input,我把它的Y,我们可以把它改成呃。
25:03
90%也行吧,改成90%,我看一下啊。刷一下,哎,这样会稍微好一点。啊,这样会稍微好一点,就这样的,那么。其他的我也来复制一下,从这到这CTRLC。Could you?那这样这三个就就对齐了嘛,啊,就变成这样了。它里面文本框在里面闪烁。啊,闪烁的这个我母框我来试一下啊,这是个input。我这边写个pending pending left,比如说有四个PX。好,我们再来刷新一下。你看一下能看到光标吗?和刚才应该稍微有点不一样。其实它不是紧挨着那个边了,你紧挨着那个边,给人的感觉很压抑。是吧,那稍微有点距离可能会会好一点啊。那行吧,这个就暂时就这样了啊,再来那么这个我已经把它调好了,调好之后呢,下面我要点击添加,点击添加要把这里面内容要把它添加进去啊。
26:05
是吧,同学们那行吧,呃,添加,所以我们就回到。这个添加按钮吗。我们要给这个添加按钮去绑定事件嘛,我这边可以写个ID。比如说这个叫BTN。Bdd。啊,叫添加的一个按钮,或者叫ADB填吧也行啊ADB填,所以呢,我们就要来绑定一下事件,回到这个onload里面去。然后呢,在负循环的外面,不要写到负循环里面啊,这负向式循环那个表格的是吧,跑到外面去,我们可以在这边绑定一下。Document get element。By ID,哎呀,我经常写这个document.get by ID,我经常写这个,写这句代码。太烦了,把这个直接把它抽取了一个方法。C。比如说放到最前面。啊,我在这边写个方法,Function Dollar。然后里面提供一个ID,那么这个方法给我们return document get。
27:03
Element by ID,我们可以把ID把它放进去。好,就这样子,这个方法的作用是。根据ID给我获取到一个元素,这个方法名叫刀了是吧,方法名就叫刀了,这个我就把它写好了,写好之后你像这个地方。我是不是可以把它换成刀了呀?不要再写这么长了,改成刀了就可以了。再往下我把它选中啊,看还有哪里变黄颜色哦,这边变黄颜色直接改掉。啊,这边也有44行也有。这边改成刀了。下面还有吗?啊,这边还有啊132,我们一会记得啊,132先把它改过来刀了。132。是吧?132下面还有吗?啊,下面没有了,那行感觉到了是吧。那这样就就比较简单了嘛,封直接封装成一个方法,好,我们再回到我们的这个地方来。我要给这个按钮绑定一个事件点on click click是吧?On click,比如说我等于ad float。那我是不是缺个方法叫ad fruit呀,那我们就来写一下。
28:03
这个叫天降。水果清洗。好,Function。把它写在这。然后这个里面啊,这个里面我就要去获取它每一个文本框的值了。比如说这边五母框,这边有五母框,这边五母框你是不是FM price和F的呀。那我们是可以获取到的,所以我就回到这边来到了。FM。点value可以获取到吧。哎,是不是啊。这句话不就是获取的是这个input的这个节点吗?点不就它的属性吗。那下面都可以获取到。所以,VR。等于pass,我先强转。然后到了。点value是不是。F的,我们也可以获取到pass。好到了。这边写一个叫F康的,好点value可以吧,就这样子。
29:02
那么小G不就是price乘以F康的吗?小G等于price乘以F,这样就能获取到了,那么这些值我都有了,有了之后我是不是要往上面这个表格里面去加呀?单价有,数量有,小鸡也有啊,这个其实也有啊,那行,我们要开始往里面去新增一列。因此。因此回到这边来。好,我们要找到那个table。这个table叫什么,看一下啊。把它拷过来,Can you see。啊,这个table我拿到了,然后这个table呢,它其实有个方法叫in色,In色的入。叫色入往里面添加一行,但是我在添加一行的时候,同学们。添加一行的时候,我这里面提供的是不是一个索引啊。表示往哪里面插入一行啊,他给我们返回的是一个T2。如果我里面什么参数都不带,它默认是什么?默认是在最后一行。
30:00
那我这一行就加到这个总机后面去了。啊,大家咱们来试试吧,啊,就加到总机后面去了,然后这个TR里面,我是不是可以再往里面去。他有一个叫音色的什么。是SE吗?是这个方法吗,同学们?我忘记了啊。一会可以查一下帮助文档,这样我就能得到一个TD了。那我们总共需要几个TD呢?12345总共需要五个TD嘛,所以我们就可以直接写五个,根据C。一次写五个。第一个TD其实就是TDFM,我们写一下啊,FMTD。这个是price TD。这个应该是ftd。下面一个是小GTD,再下面一个是叫image TB,记这个删除小图标嘛。我们总共就写了五个。然后我们要往这五个TD里面去加一些值。FMTB。Fmtd.in the text应该等于什么呢?等于FM是不是?
31:05
Surprised。Td.in的。Text要等于price。再来F的。Td.in text等于F。小GTd.in the text等于小G。好,还有一个imagine imagine,你就不能用in text了,为什么?应用里面是不是要加一个标签哦。你不是普通的文本,你如果用text,比如说我写一个啊叫image,如果我这么去写。如果我这么去写的话,那就表示它里面的文本就能看到这个源代码了。大家可以自己试一下啊,这边得需要需要使用HTML。好,这样他才能把里面的标签才能解释是吧,一般他不会给你解释的啊,Text它是不会给你解释的,好image sc这个好像是等于什么image杠。
32:08
是叫什么?看一眼吧。呃,D也要点JBG是吧,那行,我们就把这边照抄啊,从这到照照抄一下就C。放到这边来。好,放到这儿。然后把这给you c。粘进来可以吧。然后class。照抄一下吧。Class等于delete image是不是?啊,这样就把它放进去。那行吧。你这个添加完之后,我们应该要执行一下update。阿的总机啊,但是咱们先不执行,执行是有问题的啊,因为我这边,因为这个地方是有问题的,咱们先来试试效果行不行,同学们。我们现在试一下效果啊。我现在回到这,我来刷一下啊。
33:01
名称,呃,这里面我要不要把它写死了吧,要不然我每次还得输入啊,太麻烦了。给他一个value。好,这边我给了一个叫Apple。五块。100。好,就这样吧。会在这边刷新一下。点一下添加。你刚才加哪去了?是不是加到最后一行去了是吧,那加到最后一行肯定不行的。这个吧。我们在这,我们在这怎么做呢的d Bo。点是不是入啊,点那是不是它的长度啊,减一是不是表示在倒数第一行添加一个。我们再试一下。刷新啊。再点一个添加,哎,这样是不是加到上加到上面去了,我在倒数第一行添加,那么原本在倒数第一行的那一行是不是就挤到下面去了,也就是总计这一行就挤到下面去了。
34:04
啊,这样就没有问题了。了,所以呢,我现在再执行update它就没问题了,Update总计。所以我们再来刷新一下。本来是350,咱们点一下添加,是不是变成八百五啊啊,说明也是对的,再来最后一行。效果是显示上去了,但是呢,它的所有的事件我们并没有给他加,你看其他行都有鼠标悬浮,而且变成手的形状。都可以点,但这行不行。是吧,所以说你要单独的去给他绑定一下。绑定的话是不是就给。改这个题号绑定。哎,是不是这个TR说要绑定一下,你就看这嘛,我这边写的嘛,就是这个TR嘛。是吧,鼠标悬浮鼠标离开,然后还有呢,还有这个TR里面的,呃,TR里面的这个price TD,你要给他绑定一下这两个时间。然后呢,这个里面的image是不是要绑定一下呀。是吧,同学们啊,就是这样的,所以啊,所以呢,稍等一下啊,稍等我一下,我直接把这一坨。
35:09
我把它封装起来。剪切。封装的一个方法。Function,我写个叫MYMYB的event啊,或者叫T。T2棒的event,某一个T2,它就绑定事件,给了一个参数叫T2,把它扔进来,你看一下这里面是不是只需要T2这个变量。提点sales或就所有的sales。应该是的吧,应该没问题啊,我就把它拿进来了,所以这玩意儿CTRLC。我就回到这边来。然后把这TR扔进去是不是,那请问一下这个方法是不是我们也可以在新增的这一行这个TR上面去去去去绑定啊。好,T2不就是个T2吗?咱们来试一下。刷新一下。好,现在你看原始的这些还有用啊,咱们再点个添加,你看鼠标放上去是不是也有啊,哎,它也可以用,比如说我输入个abcd,你看它那个叫键盘,键盘校验那个他也可以是吧,也是没问题的。
36:09
好,咱们写个三,哎,它也是可以的。啊,咱们点删除。它也是可以删除的。好吧,同学们就这样子,那行,这是我们啊,去动态的去去加一条记录,OK。
我来说两句