jQuery的官网:
https://jquery.com/
打开以上的链接,显示如下图所示的界面:
点击上图中的download jQuery按钮,显示如下图所示的界面:
然后我们选择一个进行加载,比如我们选择下图所示的选项:
点击之后,显示如下图所示的界面:
然后,按下键盘上的:Ctrl+S(作用:保存),然后显示如下图所示的界面:
点击保存,保存到一个位置即可。
jQuery的使用:
接着,我们开始使用jQuery,在这里我们可以参照着jQuery的API文档进行学习,
jQuery在线文档
地址1:https://www.jquery123.com/
地址1,打开后显示的界面如下图所示:
地址2:https://jquery.cuishifeng.cn/
地址2打开后的界面如下图所示:
。。。
然后,可以根据自己的爱好,进行选择
接着我们开始使用jQuery,的示例:
jQuery的实例:
首先创建一个HTML文件,如下图所示:
然后,打开界面,显示如下图所示的信息:
原效果图:
接着,我们,开始使用jQuery,首先我们确定我们下载的jQuery文件的位置,比如,我是放置在如下图所示的位置:
接着,在html界面中引入js文件,如下图所示:
接着,我们使用jQuery,测试jQuery是否能使用,首先我们查看jQueryAPI文档中的信息:
我们,在这里使用选择器中的ID选择器的使用,点开:#id之后,我们可看到如下图所示的信息:
接着,我们可看到文档中的信息为,先在HTML界面中定义ID属性,然后在script区域中使用,接着,我们在看CSS样式,我们将选择器和CSS样式接着使用,就可以看到效果了。
然后点击,第一项(CSS(name|pro[,val|fn])),显示如下图所示的信息:
然后我们开始使用如何定义,我们之前是在我们定义的HTML界面中引入了jQuery的文件,接着我们在HTML界面中定义了H3标签,接着,我们在界面中为H3标签,添加ID属性,并且起名,如下图所示:
接着,我们使用,API文档中的ID选择器和CSS属性,定义之后,如下图所示
然后,我们,打开HTML界面即可发现,之前定义的字体颜色发生了改变,如下图所示:
使用jQuery之后的效果:
注意:我们需要注意的地方是,在css中定义的属性之类的,记得加上双引号,不然可能会发生效果不生效。