接触Web前端有一段时间里,最近找了一些资料和书籍,想好好学习一下jQuery的部分,毕竟javascript在Web开发中还是非常有用的。希望大家有什好的学习建议和资料可以推荐给我。我想从今天开始,以后每天都通过文章的形式对每天的学习做一个小小的总结。
初次接触jQuery,下面是我对jQuery的初步认识。如果不足,请大家指出共同进步。
jQuery其实就是javascript库中的一员。
javascript在网页中的应用非常的多,很多在客户端实现的动态效果都是需要通过javascript来实现。但是在实现众多的功能效果的时候,会出现大量的代码冗余,比如:获取dom文档中的元素 document.getElement* 等都要重复的写很多。重复写的代码就会很多。这时候就出现了很多的javascript封装后的库,包括jQuery mootools prototype ExtJS 等 (最新的javascript库 一些轻量级的javascript库)。然而jQuery库广为一些用户开发者的偏好,是用的范围非常广,以至于在Web开发中很多人都青睐。不过jQuery的出现确实带来了方便,jQuery的主旨是:以更少的代码,实现更多的功能。
jQuery的基本功能:
1.访问和操作DOM元素
2.控制页面样式
3.对页面事件处理
4.可应用大量的插件
5.与Ajax的完美结合
jQuery的引用
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
jQuery应用(第一个jQuery程序)
$(document).ready(function(){
alert("Hello world!");
});
代码说明:
-->这代代码很类似javascript中的 window.onload= function(){ } 但是他们二者也有很多的不同
1.$("document").ready是在页面框架加载完毕之后执行,window.onload必须在页面全部加载完毕(包含文档中的图片等资源)后执行,所以前者的效率会高很多。
2.$("document").ready可以重复写多个,并且每次执行的结果不同;尽管window.onload可以写多个,但是只会输入最后一个执行结果,不能够完成多个结果的输出。
-->$("document").ready(function(){ }); 可以简写为 $(function(){ }) 即:
$("document").ready(function(){
//主体代码
});
等价于
$(function(){
//主体代码
})
附:jQuery官网