02_尚硅谷_h5_H5中的小功能.wmv原创

我们来看一下啊啊，进入H5的一个小世界来看一看啊，第一个我们要说一下H5当中的两个小功能啊，第一个是我们知道哎，我们平常比如说获取一个节点啊，Test no是不是OK，等于什么document.q要select，其实这个API本身就是H5的API。是吧，好找到这个什么test啊，我们说什么刚刚讲了区分这个吧，啊，来看一下我们说什么，照理来讲啊，我们说我们可以可以这么玩。啊，我们先打个带你看一下吧，第一啊，是不是点八看一下它的里面到底到底有些啥。CTRLF上是吧，CTRLC走，你打开新的的变压器。你还不上是吧，好刷一下来看一下第八个了吧，来监控这个test no的是吧，先全部干掉，然后再去。

监控一下这个testa。No，是吧，来看一下啊，第八个过来吧，过来走你诶是不是有，你看是不是一个div啊，啊是不是test，后面你看跟着是他的选择项是不是OK走你来看是不是一个attribu啊，看里面是不是有class，这class是不是一个attribute，那外面是不是应该有一个class，应该跟它对应啊有吗？没有，有一个叫class name啊，记住啊，因为class是关键字啊，所以说跟class这个attribute对应的，我们称之为class name。能理解吗？好，OK，那我问大家操作这个class name爽吗？爽不爽爽啊，来看一下点了吗？No，点什么class内吧，是不来看一下这个东西，你说好操作吗。这就是个字符串嘛，是不是想往里面去新增一个，你要拼串想删除一个。

还得匹配正则。极其的麻烦，是不是H5知不知道这个事情，知道怎么办好，他给这个class，他给class这个又新搞了一个。Test点拉list看一下这是什么鬼，看有没有拉斯list。来，嗯，刚刚这个断点是不是被我干掉了，走，你看一下。说一下嘛，是吧，对你得到字嘛，走，你过来下一行。看有没有个叫做克拉斯蒂塔。有的吧，你看这是个什么鬼啊？集合吧，是不是好，你可以认为它是一个数组，懂不懂？可是在JS里面其实是没有数组。没有数组这个说法的，只有类数组结构，懂吗？那像这个我们来看，那怎么办呢？你看它很明显是一个什么。

集合吧啊，你就因为它这个数组吧，你看是不是有长度认识啊，0134吧，是不是OK，它还要看它的这个没有教过，这是圆形吧，它是上有很多方法的，我们来看一下，首先我们康斯点露个这个东西出来看一看到底是个什么鬼，康斯有点露个这个东西出来看看到底是个什么鬼。九年F12。刷一下刷一下断点去了，刷一下告诉你，你看是不是出来一个集合，是不是再来看啊，比如说干嘛现在我想往里面去啊，传一个。test.list它有个方法叫做点啊爱那个秋海风。是是啊，走你。走，你看是不是里面就多了一个，是不是下三一个身上有个方叫做什么韵母，是不是把一三了。

整你那一就没了，现在对class是不是更加人性化了啊，我们之前是不是也有自定义过class跟class方法？特别复杂吧，要通过正则匹配吧？忘了是不是。是不是啊，是不是忘了我们说我们有没有过自定义艾德克拉斯跟木克拉斯方法在学，那政治表达式是什么？在学表达时候没有学过吗？没有去过吗？OK啊，我这边还找不到啊，不在我这个课件里面啊，因为我们这个对这个class操作需需求比较高嘛，啊，所以说我们一般会制定class跟class方法吧，懂吗？可是现在不需要你自定义了，I里面给你提供了，懂不懂可是得看下它的兼容性咋样。

啊，其实你会发现还得自定义，为什么兼容性太低了。修过。好像还行，哎。是不是安卓题下问题有点多啊，给你列的123嘛，是不是4.4的时候才吧才才稳定啊，其实在现代浏览器里面，好像除了IE可能有点问题，其他好像都可以用吧，哎，这个接入器好像还可以还可以，应该能满足大部分需求。做一个后台管理项目的话，就直接可以用了。懂吗？OK，那这是它的第一个啊，当然它里面还有一个方法，就一个切换的方法。叫他OK，现在是不是干嘛，刚刚被我删了，如果没有就新增，如果有就给你删除。

那这个时候应该里面有没有。肯定是有的一嘛，是吧，你看如果没有就给你新增。你看。是吧，OK，如果有就给你删除，比如说二。是不是就没了，有没讲好，这是让你更舒服的去操作这个什么拉啊，这是一个点好第二个点，第二个点，今天我们遇到过了CTRLCCTRLV02。OK，我们说自定义属性好，我问你自定义属性。比如说我这边写一个啊，今天讲了吧，我写一个秋海峰有用吗？没用是不是废物，来看一下，只有你是不是没有用的，我们说这个它有跟它对应吗。有吗？没有吧，你要操作他，你只能怎么办。

只能怎么办？Test no的点at，找到秋海风，把它这个值改成一一是不是，你是不是得这么做，只有你。AB。页面上面你看就变成一了。能不能解很烦吧，我们说最后也能通过对象点的形式来操作了，好，可是这个时候不是棒，但凡加对。这问你是不是一个自定义数学？OK，像这种东西再加内部，它专门搞了一个集合叫set data set点求函数，我们来看一下这是什么。好，CTRLC。

换一边去。CTL12。你看是不是就拿到了，OK，也就是说其实我们自定义的属性有没有一个点。有这个property叫data set，懂不懂，看一下这个data set它有什么其他的语言？啊，来看我的啊，看一下官方文档吧。去MT看一眼。Data set。不是SVG的是吗？Element吗，是不是？好，大家看能不能看懂。看不懂怎么办，中文？是OK什么HT属性允许无论是在读取模式和写入模式访问HT或动中的元素上所设置的自定义。

数据的属性嘛，只要一列杠开头的，它就是方外，懂吗？OK，看他，看他有没有什么方法。看他有没有什么方法。是不是没有什么太多的方法，你看是不是就是直接去什么访问一下，可以把这个值干嘛。拿到吧，你看找到这个元素身上这个里面这个什么。Date of什么？Boss吧，是吧，是把这个值给他拿到，或者是给他什么设置一下吧，啊，当然这里面还有一个需要大家注意的点啊，就是一个驼峰的命名。什么意思啊，什么比如说100斤是不是，呃，比如说什么at硅国杠。邱海峰嘛，是不是好，你要上下面去获取，应该怎么写，首先对杠给它省略掉，其次这个杠。换成驼峰命名也就什么是at硅谷秋海走，你好，这个属性也是可以拿到的。

不是。是不是能解吗？大家想要去改他是不是也可以？是不是OK，咋看？想把这个字给他改掉怎么办？不对吗？等于什么？嗯，等于一一吧，好看一下只有你好，嗯，打开一下。F12看一下。算下来找到这个，你看是不是就变成一了。能理解吗？OK，看他有没有什么爱的方法，不爱不爱的方法。有没有你会认为我记忆里好像是没有I等于什么222看行不行？没有吧，是吧，我看一下我之前课件，我记得他身上好像稍微有点爆发。

好，还真没有是吧，OK，他说上没有方法好记差了啊，它应该么class上是有等于这种方法的吧？好，这个是没有的，对不对啊，这个是H7M给我们提供的什么小功能啊，最后当然还有一个啊，还有一个之前也跟大家有过。演示了，来看一下零三啊，关于什么叫可编辑的一个属性，什么可编辑呢？我们说一般div它会让你编辑吗？走，你好，这一面全部干掉。哎。啊，减S是这。好让找到这个test，好，Y是200PX 200P是吧，白光的粉色。

来看一下它是不可编辑的吧，好，那H5里面出来一个属性叫什么Co吗？Content什么是不是内容？可否边角啊？T有T是干嘛？你们应该知道套路了。哎。是不是没有用啊？看一下。Zia。好像还没用吧，他好像他只能写趣味，不会吧。求你，哎，真的是啊，他还真的做的限制吧，这个H5的这个属性是不是他做的限制啊，他直接出吧是吧，像切个人那种属性的话是比较松散，因为是H5之前定义的嘛，有没讲你在H5里面定义的属性，看是不是就做了限制了，你写你写其他的还行吗？啊就不行了。

真的不行是不是啊，说明它肯定不是一个波尔兹属性。理解吗？OK，一定要写什么，只有你，你看是不是OK，那这是我们说的什么HTM的三个小功能，简单吗？啊，可是里面的概念还是比较重要的，懂不懂啊，不能直接API，直接API没有用啊，你要想把它运用的很好的话，一定要知道它为什么这么去做，解决什么问题，懂吗？OK。