00:00
来这个是这个的,我们看一下这个。底下有这样的四个单词,Redless do more,写的少的多。大家学几块的过程中,乃至于学完之后的话,你会深刻的体会到这个特点。以前我们用JS写很多行代码上的实现的一个功能,用JA query,轻描淡写几行就可以搞定。为了简化JS开发,完成了一些JS库,这些JS库呢,封装了很多预定义的对象跟使用函数,可以帮助使用者建立高难度的副客户端页面,而且兼容各大浏览器。那JS库是什么时候产生的呢?直到我们在0607的时候,那个时候有一个技术叫Ajax,在Ajax之前。
01:03
GS的作用还没有现在这么大,AJX一出的话,那GS我们最大的特点是什么呀?你常书店里边看那个GS出GS书像雨后春水一样啊。呈现一个这个喷发的态势特特别多,你去看一门技术是不是还在流行,就看在书店里面或者在网上是吧,它对应的资料是不是很多,如果资料很多的话,说明这个技术还很顽强,如果比方说这个书出的已经很少了,那这个技术基本上就要差一些。比方说我们说现在比方你看苹果开发的书有很多,呃,安卓开发的书有很多,但Windows开发的书,Windows中八开发的书不是那么多,这个也能够说明移动操作系统现在Windows phone8处于一个相对而言差一点的位置。道理是一样的,当年流行的JS库呢,有这样一些pro type。
02:03
刀总E,呃,这个还有一个j query j query是使用最多的一个JS。它是使用最多的一个GS库,因为它太简洁了啊,以至于到什么程度呢,以至于到有一阶段的话呢,我们在讨论这个JS的标准的时候,说JS的下一个标准是不是说成J块。到了这种程度。杰瑞世纪然头type之后又一个优秀的JS库杰这个理念是写的少,做的多,它有如下优势,我们不一个一个说哈,一会儿的话呢,我们会一个一个来体验。好,我们先来写一个几块,Hello。新建一个静态的外工程。等于25。啊,我要说想写解的话呢,我必须把这个JS库导进来,我们用这个1.7.2。
03:05
复制粘起来。好,放这儿了,然后呢,我需要一个HTML代码,我们前面呢写了很多个练习,我们就以最后一个练习为例吧,我们对这个练习的话呢,应该还记忆犹新。过来好,我们直线第一个功能就可以。不要。嗯。写这么多啊。好,我们椅子也不要了。OK,看一下。实现哪个就实现这个全选,全部选,然后以及这个功能我们用解query写一下,大家看一下解块RY是不是真的比GS简单很多。
04:01
那使用铁块的具体步骤的话,第一步导入铁块,导入。怎么找啊,对不起啊。Src。是这样这样。OK。加进来OK,写块这样就加进来了,然后的话呢,我们来写写块瑞呢,我们在写的时候那个温度漏的啊,它这么写。Function。这个看上去就比那个温的更优雅少吗?然后我选择谁呢?我要来选择。这种很多ID。这么近他。加一个方,一会儿我们会详细解释每句话都是什么意思,现在的话呢,我们是看一个ho word,看一下j query是不是真的比JS简单的多,好加上它之后呢,我说我选中还是不选中,那就是。
05:19
这点这个GS是一样的,我让谁呢,我让。这些。这是什么呀?这些的track的属性。我选的是什么,我选的是一些。同时我让内幕属性。啊,我让他们的。什么样的属性?是谁啊?是一个等于。
06:03
放来。OK,看效果。抓全选就实现了。没有欢呼声,我感到很失望,不是大家没看到吗?是吧,这个确实是比GS要简单的多吗?来继续,反过来呢,我们可以来。为所有的加上一个事件叫。Function加上什么呢?诶,我说我说这个是不是被选中ctrl c ctrl a点跟PTR是什么属性啊,它的这个属性是谁呢?是。
07:08
这的认识是他的。是它的长度比啊,跟选中的比。等于被选中的长度,选中的长度直接加上一个check就可以了来看。刷新选中取消选上整个这个就写完了,当然了,这个代码的话你还没看懂是吧,但是很快就能看懂,明天休息后天的话呢,你写这个代码就OK。好了,这里边的话呢,我们看到用jary真的是非常的简单,其一其二呢,我们大致上看了一下哈,这里边我们主要的东西是什么呀?比方说这个叫什么叫选择器,这也叫选择器,我得先选中我想把握的元素,然后的话呢,这个at tr跟这个可叫方法,这里边涉及到的是。
08:22
嗯,At tr是个方法,Check是个方法,Click click click是个方法,然后的话呢,其他我们看见的这道符,这个里边呢,都叫选择器,所以说选择器是我们要学习的一个重点在这儿。这是帮助文档,大家看看它哈,有大量的这个选择器,我们会把所有的选择器都讲一遍。都讲一遍,我们把选择题搞定的话,以后再来选择我目标的这个节点,就会非常的方便,你看跟大家讲讲一下这个事儿。
09:02
这它选什么呢?它是选check box,选name等于it check box,选name等于被选中的check box以前用JS写的话会非常麻烦,用JS写得怎么写啊?JS先选name等于it的,然后的话呢,是check box,同时还被选中的,放到一个数组里面很麻烦,但是要是用解块写的话,就这么一行代码就可以了,这就是解块肉的神奇之处,神奇在于。有非常多的非常有效的选择器,可以选到我们要选的任何节点。嗯。大家是不是很这个兴奋是吧,说哎,太值得学习,有这种感觉吗?我们写的这段代码的话呢,嗯,对比了一下以前的代码跟现在比啊,我们这段代码的确是会省去很多GS代码,但是严格的讲啊,这不算是一个好活。
10:10
因为这个多了啊,我们真正的一个。F2。好了,我们严格来写一个,Hello,新建一个。文档。我们看如何使用第一步导入。Src。OK。
11:01
你来好了,第二个编写几块代码,还是在这里边写啊,这是一样的。Script。好,我们来写个part。八点。Click OK,首先的话呢,我们要写一个类似于window onload的这样的一个函数,这样写括号弧括号减一个方式。这个相当于window.load这样写哈,看。二乐符括号function,我把这个打开,按回车,数据是不是跟这个一样了,这个相当于。点lo,那么代码写代什么呀?打括号。
12:03
这个之间OK。好吧,来,然后的话呢。第一个步骤选取button,第二个步骤为。Button添加on click响应函数,第三弹出OK,我们选了哈。这样选看着这个的话呢,我们可以一步完成第一个,第二可以一步完成这样选,我通过高乐符让它加上一个什么呀,加上一个这个双引号选选选中了加click有个方法直接是click选函数在这个里边。好看好。
13:03
Oh four。证据。好,这个效果。点一下OK,来,我说一下这块啊,选择它的话,怎么怎么写呢,这么写。选中啊,那可显函数怎么加。点注意。号,代码写在代码写在写在编写在function。
14:01
啊,不号。
我来说两句