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的。
从一个小白开始做起,努力做一个美国总统