00:00
好,再往下我们看看还有什么内容啊。这里边呢,还有个盗墓对象,这个呢,我觉得大家之前都讲过好多遍了,大家一共讲过盗墓对象,盗墓对象呢叫做文档对象模型,实际上就是一个国际化的组织,达到三七把你网页。网页中的什么button呢?还有什么文本框啊。把它们抽象出来了。把这个button呢和按钮啊,它们都叫做do,然后你通过这个do中所提供的方法。还有属性。你就能操作这些按钮啊或者文模块了,这就是do,我这么说大家应该能明了吧,这个do呢,就是代表的是你网页中的什么按钮啊模块,这些通通都叫做到。这个do中呢,它定义了好多的方法和属性,你通过这个方法和属性就用操作按钮操作的模块,这就道啊就是道。
01:07
啊,这是倒对象啊。接着往下来。我们往上来看看,行,这是倒对象。那我们怎么用这个这块呢,给大家写个小事例,牛刀小事给大家用一下呢,我们这个。快了。第一个例子啊,把这个环境呢搭建上,这块的使用呢,你用文本编辑工具就能用。你用什么记事本啊,D plus呀都可以,包括说你用什么web storm呀,Builder呀,I idea呀都行,都可以用,只要是能写代码的,不管是记事本啊还是idea都可以使用,都可以操作这query。那这里我们学习的时候呢,我们用build这个工具了,用它了,你习惯你用idea你就用idea,你习惯用记事本你就记事板,这个呢不限制啊,你用哪个都行,习惯用哪个用哪个,大家呀,应该有个自己的这么一个规划。
02:08
就是说你别看别人用这个工具说用的天花链坠的这个没有用,就是说你习惯用哪个,你用哪一个效率最高,你就用哪个,因为你最终达到的目的都是一样的,你不管是用这块也好。你还是用这个。Idea。就是说你这个写这query,你不管你是用ID plus,你还是用idea也好,你最终目的不都在量览器来指行它嘛,所以工具呢,不是最主要的,你喜欢哪种用哪种就行了,那我们现在呢,大家写上第一个例子啊,试一下看看JA query它的一个实现。2.1.4G在课后的时候呢,可以按照这个例子呢,来完成我们这个j query的一个例子的实现。那我现在按这个例子呢来实现它。
03:01
我们刚才呢,已经呢,把这块的文件呢,也下载好了,有这么两个。它两个的功能是等价的啊,我准备呢,用这个开发阶段嘛,用这个文件里边的代码是可读性比较高的,调试程序比较方便,所以就是它。好,那首先第一步要干什么呢?我要在我的项目中能够用到这query那个文件才行。我在这块project目录之下新建一个目录。目录名自定义,我叫JS。我准备在这个目中来存放我要用到的这块文件。把文件CTRLC拷到这个目录中。好,然后我们现在来用这个这块了,我新建一个网页。行业名字我叫哈。房间。
04:00
第一个例子。我现在呢,要在这个文件中,我要用j query。我要j query j query东西在哪呢?在这个文件里边呢,所以呢,我需要在当前这个网页中,我得知道这个j query文件在哪。找到它,我才能用j query中的东西。所以第一步要干什么呢?我们要做的是是用我们的script X javascript,然后src,通过src来指定这个这块的文件。这有提示。这样的话呢,我们就指定当前项目相对的JS目录下的这一块热文件。这样的话呢,我在hello j query的页面中就能够加载这个文件,换句话说就读到这个文件了,你读到它了,就用到这个文件中的函数了。
05:07
注意,我们的语法规则是开始标签,结束标签,必须这样写,必须这样写啊。好,就是我们引入这块的文件。那我们这块要干的事情呢,这是说指定给carry的库文件,库文件的位置。我们是使用相对路径,相对的路径,当前项目的JS目录下的文件,好,这就指定下来了。怎么用呢?往下我们开始用了指script,因为都是GS嘛。
06:03
只不过你现在用的是别人写好的JS。它是一个库,是别人写好的JS,你是拿来用好。我们这块呢,给大家用一下。到了刀肯定的对象。到,然后点。那我们就要叫ready啊,这一个函数,好,A hello。好,我们看看这个有什么错误。遭了八声啊,我们这个有写括号。好,我们看看这是到了,好这样的好了,刷新一下,你看它的这块,它是不是就出现了,说明我们的资源代码执行了,我给你解释资源代码什么意思。
07:12
在这里边儿的内容呢,是这样的。首先第一个。Dollar在这里边Dollar Dollar是j query中的一个函数。函数名称,函数名啊函数名,那这个do呢,是参数,是函数的参数,它的作用是把中的,就是把这个document对象变成。
08:11
变成了给query函数库可以使用的对象,就是把身份得变化一下。这个document对象呢,这query不能直接用,需要通过我们这个语法规则呢,把这个document对象变成这query中的对象,当然这个变换规则我们后面会讲,这你先有所了解就行了。变成的是一个这块对象啊。这是第一步,然后第二步这个ready呢,Ready。这啊,这个ready它是j query中的函数,好,Ready是准备的意思啊,是准备的意思。
09:04
好准备的意思干什么呢?这个ready是说当。当页面的倒某对象加载成功后,会执行ready函数的内容。函数的内容,那么这个ready。Rider。它相当于。相当于是。JS中的lo的世界。Unload事件,Unload不是页面加载之后要执行的吗?那么这个RA也是这个意思是说当你页面中的这个盗对象都加载成功后,会自动执行ready函数的内容。
10:13
三。三这块呢,是说这个函数发给谁。啊,这是一个自定义的函数,自定义函数来表示你的load的后要执行的代码,有功能吗?就这意思。好,这就完事了。那我们这块是什么意思,那就是首先前面这块是把你的JS,也就是Java three中使用的这个当对象。变成j query可以使用的对象,这是一个转换功能。把这个dog呢转成呢这块中可以用的一个对象,然后这是对象了。
11:02
那么这个Dollar document不就跟我们之前给大家讲的这个star。这是不是?很像的一个操作吗?这不也是一个Dollar的方式吗?那么这是对象吗?对象是不是有属性?那我现在用是对象的一个方法叫ready。这个方法呢,是叫做。Rid。这个right里边是个什么?是个函数,这个函数什么时候执行呢?是当你的页面的倒对象都加载成功,也就是说你的页面。都显示完成了,里边的文本框按钮都创建好了。这些准备好之后。被执行函数里边的代码,这就开始执行了,那这个ready就相于onload的事情,Onload不就是页面加载吗?页面加载之后你要干什么就写在这个里边就完事了,我这块只是做这个弹窗,这就是这query的基本使用。然后我们就可以在这里边呢,哎,来写我们自定义的功能代码了,哎,你想做什么操作在这写就可以了,我此时呢,只是做了一个开头,做了一个a lot hello这块而已啊。
12:17
好,这就是我们的这块的一个基本的使用。好,这个例子呢,我们下午呢给大家再补充一下,先讲到这儿,这就行了,基本的使用呢,第一步要引入这一块的文件,我们用的是一个相对路径的方式,这样的话能够让我们当前的文件知道这个函数库在哪。你就可以用到里边的各种函数了。Function呢,是自定的一个函数,它代表是你要执行的功能是什么,那这个function在什么时候执行呢?是在你的页面对象加载成功后,也就是你的lo的时间跟它是一致的,你lo干什么,这就要干什么的操作。
13:02
好,这就完成了。啊,这是我们的第一个例子啊,就到这儿,上午呢,功能呢,我们就讲到这儿就行了,下面呢,我们再继续来讲这query的其他内容,这只是刚刚入门一个小例子,让你这query呢能够运行起来。好,上午呢,我们就讲到这儿啊,就讲到这儿。
我来说两句