发布于 2017-04-16 16:42:41 | 23 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例,程序狗速度看过来!

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。


虽然现在市面上各种JavaScript框架不断诞生,如React、Angular、Avalon等等,但是还是无法彻底抹去jQuery的身影,足可见,经历身经百战的jQuery还是值得我们去学习的,下面我们就来谈谈怎么自学jQuery。

准备知识

在很多的jQuery实例中,我们发现都会或多或少涉及HTML+CSS知识,同时在jQuery提供的API里面,也有很多是对HTML和CSS操作的,所以在进行学习jQuery之前,有必要了解一些常见的HTML+CSS知识,对于目前的在线网站,中文版的学习推荐w3cschool网站,英文版推荐MDN网站,如果你英文还不错,强烈推荐你通过MDN网站学习。

编辑器

我们这里推荐一个非常精简的编辑器:Nodepad++,当然还有很多专门用于前端开发的编辑器,我们从Nodepad++官方下载安装包并将其安装到PC上,便完成了一个简单的jQuery开发环境搭建。

Hello World

打印‘Hello World’是我们学习一门新的编程语言经常写的入门DEMO,下面是一个关于它的例子。

选择器学习

选择器在jQuery里面是非常重要的,因为很多很多的API接口都是基于选择器所选择的对象,可以这样说,会了jQuery的选择器,就意味着你基本上已经熟悉jQuery了,同时jQuery的选择器和CSS3的很多选择器作用都相同,所以先学习一些CSS3选择器知识还是有必要的。

动画与Ajax API学习

动画和Ajax是让我们页面变得非常生动的两个重要对象,在过去如果让我们用JavaScript来完成一个不太复杂的动画,估计都要写很多代码,现在有了jQuery的动画API接口,很多简单的动画只需要几行代码就可以搞定,另一方面,打开QQ空间、微博、豆瓣等等,到处可以看到Ajax的身影,而jQuery将Ajax相关的操作也进行了封装,我们仅仅用简短的代码就能够完成Get请求、Post请求等等。

插件开发

不重复造轮子是我们程序员追求的目标,而插件开发就是将我们需要的部分或全部功能封装起来形成轮子以便之后使用,所以掌握jQuery里面的插件开发是非常重要的一件事情。

深入学习

不管怎么说,jQuery的底层还是JavaScript,所以我们还是要花时间去学习学习原生的JavaScript,通过学习,争取让自己明白jQuery里面的$("#id")到底是怎么封装JavaScript的,争取让自己明白jQuery插件是怎么工作的等等。



相关阅读 :
自学jQuery不再是梦
jquery判断自己是父节点的第几个子节点
jQuery制作圣诞主题页面 更像是爱情影集
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
JQuery核心函数是什么及使用方法介绍
jquery对象访问是什么及使用方法介绍
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
jquery中val()方法是从最后一个选项往前读取的
jQuery根据用户电脑是mac还是pc加载对应样式的方法
jQuery判断当前点击的是第几个li的代码
jQuery移除tr无效的解决方法(tr是动态添加)
JQuery中$(document)是什么意思有什么作用
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务