下载 >  开发技术 >  Web开发 > JS基础学习教程

JS基础学习教程 评分:

jQuery入门指南教程 这个指南是一个对jQuery库的说明,要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子,选择器和事件基础,AJAX、FX的用法,以及如何制作jQuery的插件。 这个指南包括了很多代码,你可以copy它们,并试着修改它们,看看产生的效果。 内容提要 1.安装 2.Hello jQuery 3.Find me:使用选择器和事件 4.Rate me:使用AJAX 5.Animate me(让我生动起来):使用FX 6.Sort me(将我有序化):使用tablesorter插件(表格排序) 7.Plug me:制作您自己的插件 8.Next steps(下一步) 安装 一开始,我们需要一 个jQuery的库,最新的下载可以到这里找到。这个指南提供一个基本包含实例的包供下载. 下载:jQuery Starterkit (译者Keel注:一定要下载这个包,光看文章不实践肯定是不行的。) 下载后解压缩,然后用你最喜欢的文本编辑器打开starterkit.html和custom.js这两个文件。(译者Keel注:这两个就是例子文件,所有的例子都用这两个例子作出,custom.js写jQuery代码,starterkit.html观察效果.建议用editPlus打开) 现在,我们就已经做好了一切准备来进行这个著名的"Hello world"例子. 本章的相关链接: •Starterkit •jQuery Downloads Hello jQuery 在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了: $(document).ready(function() { // do stuff when DOM is ready });放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert. $(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); });这样在你点击页面的一个链接时都会触发这个"Hello world"的提示。 (译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。) 让我们看一下这些修改是什么含义。$("a") 是一个jQuery选择器(selector),在这里,它选择所有的a标签(译者Keel注:即<a></a>),$号是 jQuery “类”(jQuery "class")的一个别称,因此$()构造了一个新的jQuery 对象(jQuery object)。函数 click() 是这个jQuery对象的一个方法,它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法. 这里有一个拟行相似功能的代码: <a href="#" onclick="alert('Hello world')">Link</a>不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样.
...展开详情收缩
2011-11-16 上传大小:67KB
立即下载 开通VIP
分享
收藏 (4) 举报

评论 共16条

aling_3 不错呦,挺好的
2015-07-02
回复
u012344372 还可以,一般般
2015-01-05
回复
ruoruoligyq 内容很丰富,介绍的也很详细,适合初学者,也可以用来复习,,很不错
2014-12-01
回复
bolanzw13 内容比较丰富,适合我学习,非常感谢楼主
2014-04-05
回复
sammuu 介绍的很详细,很有参考价值,学习了
2014-04-03
回复
tracy_524 介绍很详细~~有帮助~
2013-12-15
回复
ximeiji 不知道哪里好,下下来全是代码之类的东西,没有文档
2013-07-24
回复
gsm_jing 很不错哦,我是初学者,
2013-06-24
回复
cocoon51 很有用,里面写得很详细,对我这样的初学者贡献太大了
2013-06-07
回复
doudou322 内容比较丰富,适合我学习,非常感谢楼主
2013-05-30
回复
Javascript学习全套书籍(百度网盘)

资源包含: 1.Javascript_DOM编程艺术 2.JavaScript_Englightenment 3.JavaScript_Testing_With_Jasmine 4.JavaScript_Unit_Testing 5.JavaScript高级程序设计(第3版) 6.JavaScript权威指南 7.JavaScript权威指南—ECMAScript5+HTML5DOM+HTML5BOM 8.JavaScript修炼之道 9.JavaScript语言精粹 10.悟透Javascript

立即下载
(网盘)java基础视频(适合零基础)+HTML+CSS+JS+JQuery全套

java基础视频(适合零基础)+HTML+CSS+JS+JQuery全套分享~~

立即下载
JavaScript基础学习资料

JavaScripte变量,JavaScript运算符,JavaScript数组,JavaScript流程语句,JavaScript字符串函数,JavaScript函数基础,JavaScript基础DOM操作,JavaScript正则表达式,DOM对象,BOM浏览器对象模型

立即下载
JavaScript基础教程(第9版)中文完整版PDF

经典的JavaScript入门书,以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称

立即下载
CRUISE基础培训教程(中文)

很详细具体的CRUISE入门与提高教程,操作性很强,易学好用!

立即下载
js基础到精通全面教程

js基础到精通全面教程--JS教程

立即下载
【课件教程】photoshop基础学习教程教案ppt_初学者入门

PS入门教程,详细介绍了PS的各个工具的功能。让新手们能真正了解到PS,还有一些例子的作为参考,可以为那些自学PS提供技术上的支持。

立即下载
JS视频教程 共150集

JS教程 共150集,百度云链接,下载便能学习

立即下载
史上最好,最完整的JavaScript视频教程(基础+高级)

国内某培训机构内部高清教学视频, 分两个阶段 基础教程+高级教程, 绝对物超所值, 淘宝买的话也要几百块的视频资料.

立即下载
halcon入门教程详解

详细介绍了halcon入门基础知识,比如摄像头获取图像和参数设置以及图像处理常用的算子,边缘检测,区域生长等

立即下载
JS学习基础与例子

JS学习基础与例子JS学习基础与例子JS学习基础与例子

立即下载
matlab入门教程(最适合入门学习

这个对于刚入门的同学可以拿来看看,老手们就没必要啦

立即下载
ABB工业机器人基础培训,初学者可以学习

ABB工业机器人基础学习资料,适合初学者学习, ABB工业机器人基础学习资料,适合初学者学习,

立即下载
DB2基础教程(高清中文PDF)

DB2是IBM公司开发的一套数据库管理软件。在业界,IBM公司被公认为是优化技术方面的专家。目前DB2UDB已经升级到了版本8.1。本书是IBM关系型数据库的完整指南,对使用DB2过程中将碰到的疑难问题及可能使用到的技巧,都进行了详细的解释,同时还附上了丰富的例子。本书适合DB2的初学者、准备参加DB2认证考试的读者与DB2数据库管理人员。 【《DB2基础教程 》图书目录】 第1章 DB2 UDB概术 第2章 DB2数据库的基本概念 第3章 SQL语言简介 第4章 DB2 UDB的图形用户界面——72 第5章 安全性控制 第6章 实例管理 第7章 数据存储管理 第8章 数据库

立即下载
网络基础学习(华为)

学完本课程后,您应该能: 了解数据通信的基本概念 了解网络和Internet的基本知识 了解常见的标准化组织 了解IP网络的基本结构

立即下载
ReactJS 教程

此教程 具备一定 JS 基础和 React 基础 的人查看学习

立即下载
三菱PLC培训教程(FX3u基础篇)

三菱PLC培训教程(FX3u基础篇) 三菱官方培训教程。 以FX3u为基础,使用GX Developer进行编程实习介绍。

立即下载
SQL Server 2014数据库基础入门视频教程

SQL Server 2014数据库基础入门视频教程,40集视频资源,含PPT格式课件,附《《SQL Server 2012从零开始学》.pdf》

立即下载
Csharp基础教程

Csharp基础教程 适合初学者 C#是微软公司发布的一种面向对象的、运行于.NET Framework之上的高级程序设计语言。并定于在微软职业开发者论坛(PDC)上登台亮相。C#是微软公司研究员Anders Hejlsberg的最新成果。C#看起来与Java有着惊人的相似;它包括了诸如单一继承、接口、与Java几乎同样的语法和编译成中间代码再运行的过程。但是C#与Java有着明显的不同,它借鉴了Delphi的一个特点,与COM(组件对象模型)是直接集成的,而且它是微软公司 .NET windows网络框架的主角。

立即下载

热点文章

img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

JS基础学习教程

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
1 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

若举报审核通过,可返还被扣除的积分

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: