初学者全面接触学习jquery(译文)
http://www.itjxue.com 2015-08-06 23:23 来源:未知 点击次数:
原文地址:http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery
最好有javascript以及dom方面的知识,这对于理解其中的代码很有帮助,不了解也不要紧,因为代码本身就很简洁。
这篇指南包括了 hello jquery、基本的selector、event、ajax、FX、以及一些插件。
tips:当你看到这篇文章时最好在第一时间看完,不要放到收藏夹里等待将来的某天再翻出来看,往往这一天不会到来。
其实在我之前已经有人翻译了这篇文章,但是我觉得翻译得有点粗糙,不易阅读,因此又重新翻译了一下,对我自己也又温习了一下jquery。
OK!出发了
- Setup
- Hello jQuery
- Find me: Using selectors and events //定位
- Rate me: Using Ajax //投票
- Animate me: Using Effects //动画
- Sort me: Using the tablesorter plugin //排序
- Plug me: Writing your own Plugins //插件
- Next steps
Setup(安装)
下载地址:http://docs.jquery.com/Downloading_jQuery
得到jquery.js后,将其包含到目标文件就可以了,就像这样
- $(document.ready(function() {
- // do stuff when DOM is ready
- });
当dom都加载完后执行里面的语句,类似于window.onload。
那么载入完成后,我们来做些事情。
- $(document.ready(function() {
- $("a".click(function() {
- alert("Hello jQuery!";
- });
- });
当点击任何一个链接时,都会弹出一个框,里面是什么内容,就不用我说了吧。
我们来品品这几句话,首先是”$()”,这个可以当作一个选择器,里面可以是tagName,比如例子中的”a”,还可以是什么,我们下面再说。
然后是一个click方法,相当于在每一个链接里都加了一句”onclick=…”,从这里可以看出jQuery的一个很大的优点就是代码和结构分离。
(责任编辑:IT教学网)
上一篇:学习JS之简单语句的写法