jQuery的介绍简单的使用

什么是jQuery?

jQuery是辅助JavaScript的一个JavaScript类库(类库就是已经定义的可重复使用的类方法的集合)

jQuery的核心思想是写的更少,做的更多(write less , do more)

jQuery的好处是免费、开源,可以帮助我们操作文档对象、选择DOM元素、制作动画效果、事件处理、以及Ajax功能。

 

下面让我看看jQery的使用,对比在常规绑定点击事件传统绑定和jQery绑定的区别。

 

在这里说下,我们使用jQuery是需要引入这个库。

 

下面是原始JavaScript的事件方法:

 

 现在下面是jQuery的事件方法:

 

 刚开始的时候始终没有跳出东西,通过排查我发现了三个问题。

第一个问题是我没有引入jQuery的类库,就是下面这个:

 

 这个问题我是在网页中看到的:

 

 在错误信息中显示:$ is not,基本就是因为我没有引入类库的问题。

第二个问题,因为我是在HTML里面写,所以出现了又一个问题:

 

 当我们在使用jQuery时,需要用到两个<script>标签。

第三个问题是原生点击事件绑定和jQuery点击事件中的click不一样,jQuery中是直接click就行,我的理解是jQuery中,当我们使用$时,已经表明是页面加载完成之后。

 

 以上问题应该是自己的粗心大意造成的。

现在是两种事件绑定不同的对比:

jQuery中的$就是和原生中的window.onload=一样,这个我们可以看jQuery的代码可以知道。还有一个也就是我刚才犯得错误,jQuery中的点击事件是没有on的。

posted @ 2021-09-27 22:41  漫步火星  阅读(56)  评论(0编辑  收藏  举报