00:00
然后呢,我们来看第二组,第二个函数呢有点多,一共有五个,这里呢,最重要的是这个判第三个和第五个H的使用,首先来看第一个remove remove是删除的意思。它的语法规则是选择器,点remove,它说呢,将数组中所有道对象及其子对象一并删除。就相当于是从我们这个内存中给它干掉了,它就没了,都删掉了,浏览器页面上也不再显示这个内容了,全部被删掉了,是remove删除的意思。第二个empty,使用方式选择器,点empty,它是说呢,将我们的数组中所有倒对象的子对象删除,它只删子负对象还留着。还留着啊,这跟瑞木的区别是不一样的啊,瑞木是删除所有。
01:05
对象本身和子一并全都删除,就全都没有了,一点都不剩。是什么呢?指山子。一会通过例子呢,能够看得更清晰啊,这里边安是山子负对象依然保留着。第三个啊判啊判这个功能啊,它可以为盗墓对象添加子对象,也就是说你可以动态的生成新的盗墓对象。给它增加内容的这个老判。使用方式选择去点A,后面是你要增加的这个盗墓对象的内容,我们这是增加了一个div的标签。这第三个啊,T。你能增加div,你也能增加button,你也能增加表格,你也能增加图片。
02:03
这是第三个,第四个HTML。那下面这个函数呢?它是来设置或返回元素的内容的,相当于之前的GS中的inner XT ML属性的作用跟它是一样的。他是操作这个文本的。在这个文本中呢,它是可以保留这个HTM标签的。啊,这个标签的。我们看。选择器点HTML无参调用方式是获取大数中第一个元素的内容,也就文本内容啊,也就是因呢HTML所获取的数据内容。第二种方式呢,是代餐方式。代餐方式呢,是设置倒数中所有元素的内容为这个新值是设值啊。这atl。第五个呢是HH循环,虽然这个我们单讲它的内容比较多啊,单讲也是比较重要的一个函数。
03:06
我们先说前四个使用。看这个例子。例子中呢,首先我们这个页面内容啊,是这样,大家注意看啊页面内容。这呢有两个加列表框。第一个是老虎、狮子、豹,第二个美洲、亚洲、欧洲。然后这有一个div ID叫father。SPA。这里边儿呢,Span这里边注意看我是买cycle,这是不是加粗了。啊,下面这个JDBC是没有加图内容的。后面是功能按钮,我先把页面呢给大家写出来。这个页面呢,有点复杂啊。拷贝一下页面代码。改个名字,Fun。二里边呢,我们这么做。这些代码呢,都删掉。
04:01
我就保留了一个啊。这里边儿的这些内容呢,都删掉它吧,都不要。先写页面内容,然后select。是老虎、狮子、豹。Option。啊,V6,这是老虎。老。代码拷贝粘贴。狮子。这个是豹豹子。好,这是第一组select,然后再来一个。
05:00
然后option。没,这个是每周。Option。好,我们再复制几份。下面是亚洲。亚洲。然后是欧洲。啊,这是我们的select中间这块呢,加上一个换牌啊。啊,样子是这样,老虎狮子豹,然后亚洲欧洲美洲。好再往下,再往下这块呢,我们先放置的是一个div啊div ID呢,我就叫做father。
06:04
然后说我是一个div。稍等一下啊,我是一个div,好,这已完成就可以了,Div啊,黄色的。行,先写到这儿,然后咱们写功能。第一个按钮呢,它的功能是我们来看。第按钮呢?我们要做的是使用remove删除所有对象,使用remove删除所有对象。第一个啊,我们要做的是使用木。删除负和子对象按钮呢,叫B添一,此时呢,我们用这个select为例。谁料有什么特点呢?它是父标签,Option是父中的子标签,这是一个父子关系啊,父子关系。
07:09
Select包含了多个option。它是负。Option呢,是select标签啊,这是个父子关系的。现在我们要remove是删除父和子。啊,这是按钮一的事件。我们这里呢,要使用remove,使用remove啊,它会删除呢。复合子所有的。到我们就行,好,那我们现在呢,首先你得获取到select。因为所有的函数调用时,它前面用到的都是选择器,你得定位到这个DOM对象,然后再调用函数操作这个do,所以呢,你得先选择这个DOM对象,然后再操作它。
08:07
那我现在啊看一下。那就是Dollar呗,你可以用标签选择器select。那这样的话,就选择的是这个select和这个SELECT2个。调用其remove re move好那就行了,看效果啊,看右侧。我先点按钮了啊,注意看这两个下列板块。点一下没了吧,全都从页面上删除掉了,一个都不剩,一个都不剩,这是删除你的C类的标签。啊。包括材料本身,还有它下面的这些什么老虎狮子棒就全都没了,父和子全都删除,这是remove,删的一干二净,一点都不剩,Remove全都删除。
09:03
好,再来看看啊,再来一个,再来一个的话呢,我们来做的是。把这个按钮啊,复制一下啊。一天二。二呢,我们要做的是使用阿。他是删除呢。三这个子对象山子啊,三子。我们把上面这个代码呢复制一份。第二。我们要用到的是empty。它是删除呢,我们的子。盗墓对象select选择器,调永琪empty好就完事了。看一下效果啊。刷新一下啊,注意看。点一下你注意看我们的是不是还在呀。
10:02
谁来的?他还在?说来这个标签还存在。就这不显示在这儿了吗?只不过它里边的这个凹不是针。这个是不是没有了。它被删除了,这就删除子,你原有的这个副标签还在,所以M呢是删除子,副标签依然保留着,而瑞remove不是,瑞木是删的一干二净,什么都没有,这就是区别啊。是把你的整个这个标签全都干掉,一点都不剩。而阿是说,我只是把它的子删除了,负必然保留着阿,它是说。把这些都删掉了,这都删掉了,都没了,但是select还有这是empty啊。好,再往下我们看第三个。第三个按钮呢,应该是操作的是这个增加一个盗墓对象。
11:04
我们要演示的是A啊,A判增加倒对象啊。好,那我们再来一个。1300。啊三我们要做的是说我们要来使用啊,判断我们要增加盗墓对象啊,盗墓对象。好,那我们再来一个吧,我准备干什么呢?我准备呢,给这个div呢,增加一个按钮吧,给这个div里边增加个按钮,增加个按钮。动态增加。好,这是按钮的事件拷贝一下。三三。我们现在要做的是使用A去增加放对象。
12:04
啊,那我给谁加呢?给这个发加发ID是发给他加。那我们使用Dollar解剖。翻了,然后调APA是增加的意思,增加按钮,按钮是一个button吗?那你可以使用input type等于button,然后value value是我是增加的按钮,然后结束标签,这样就行了。你这样结束就可以了啊。在这里呢,因为呢是双引号里边。所以这些字符串用成单引号来引起来的,看一下效果啊。刷新页面,点击A,你看。我是在原有的这个div里边。是不是新增加了一个盗墓对象啊,增加这个按钮,这样的话你可以动态的去改变你的页面内容啊,可以增加按钮啊,增加标签啊,增加层啊等等都行,那我们再来一个。
13:11
再来一个呢?我想啊,动态的增加一个表格,增加一个table,我想呢,在这个发的这个div里边增加一个表格。表格,那我们来看怎么做。紧靠found,然后点儿a panda点高是个table呀,这个table,然后border包的等于一了,它有行啊,它有列呀,列,那么就第一列。第一列啊,第一列,然后杠七。杠T啊好,这是第一行啊,就一再增加一个,再增加一个比例。
14:06
杠1D,这是第二题,好,第二列。后面呢,你就写这一行吧,再来一个down table,结束它。刷新一下,点击按钮,我们看到是不是增加了一个表格。哎,这样一个表格,那这样的话,你是不是可以动态的去增加数据啊,创建这个表格增加数据呀。这是动态化的一种操作,用APA,我们可以给我们的已有的倒对象去增加新的倒对象,像页面中添加表格啊,添加按钮啊,都是非常的方便的。实际上你扩展起来,你能增加一个table,当然是也能增加一个select,增加一个radio,增加一个check box,增加一个div,增加一个表格都可以啊,动态的来改变你的页面的内容,页面的盗墓对象,这是我判的使用。
我来说两句