初学者全面接触学习jquery(译文)

本多国际照明88

本多国际照明88

2016-02-20 00:34

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的初学者全面接触学习jquery(译文),希望大家看完后能赶快学习起来。

原文地址:http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

最好有javascript以及dom方面的知识,这对于理解其中的代码很有帮助,不了解也不要紧,因为代码本身就很简洁。

这篇指南包括了 hello jquery、基本的selector、event、ajax、FX、以及一些插件。

tips:当你看到这篇文章时最好在第一时间看完,不要放到收藏夹里等待将来的某天再翻出来看,往往这一天不会到来。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

其实在我之前已经有人翻译了这篇文章,但是我觉得翻译得有点粗糙,不易阅读,因此又重新翻译了一下,对我自己也又温习了一下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 //插件 Next steps

Setup(安装)

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

下载地址:
得到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的一个很大的优点就是代码和结构分离。

展开更多 50%)
分享

猜你喜欢

初学者全面接触学习jquery(译文)

Web开发
初学者全面接触学习jquery(译文)

javascript初学者:全面学习对象概念

Web开发
javascript初学者:全面学习对象概念

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

摄影初学者需要终身学习

摄影 人像摄影 静物摄影
摄影初学者需要终身学习

初学者怎么学习摄影 摄影初学者需掌握什么知识

摄影 摄影入门 摄影教程 摄影技巧
初学者怎么学习摄影 摄影初学者需掌握什么知识

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS:关于学习--写给初学者

Web开发
CSS:关于学习--写给初学者

初学者如何学习化妆 初学化妆小技巧

化妆 美妆 化妆技巧
初学者如何学习化妆 初学化妆小技巧

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

你想不想姐啊?

你想不想姐啊?

走到考场全崩溃 见到卷子全流泪

走到考场全崩溃 见到卷子全流泪
下拉加载更多内容 ↓