初识jQuery

接触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官网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值