【免费】jQuery的起点教程资源-CSDN文库

需积分: 0 24 浏览量 2014-04-06 22:51:19 上传评论收藏 100KB DOC 举报

资源详情

资源评论

资源推荐

jQuery 中文入门指南，翻译加实例，jQuery 的起点教程
中文版译者：Keel
此文以实例为基础一步步说明了  的工作方式。现以中文翻译（添加我的补充说明）如下。如有相
关意见或建议请麻烦到我的 写个回复或者 告知。
英文原版： !，感谢原文作者 "#
$%
本文发布已征求原作者同意。 
另外我认为在学习过程中&有两个 ' 文档你要打开随时查看
 (  
 )!(  
以下部分为原文翻译:
jQuery 入门指南教程
这个指南是一个对  库的说明，要求读者了解 *+,-.和 /00 的一些常识。它包括了一个
简单的 *!!(1(! 的例子，选择器和事件基础，"2、32 的用法，以及如何制作  的插件。 
这个指南包括了很多代码，你可以 ( 它们，并试着修改它们，看看产生的效果。 
内容提要
4 安装    
5 *!!( 







放一个简单的 ! 事件在需要等 - 完成载入&所以我们把任务稍稍变复杂一点在点击任何一个链接

时显示一个 !



 

!"



这样在你点击页面的一个链接时都会触发这个A*!!(B(!A的提示。

,译者 @! 注请照此代码修改 (  并保存&然后用浏览器打开 ? ! 观察效果。.

让我们看一下这些修改是什么含义。C,AA.是一个  选择器,!(.&在这里，它选择所有的 

标签（译者 @! 注：即DEDE），C号是 F类”,A!A.的一个别称，因此C,.构造

了一个新的 对象,(.。函数 !?,.是这个  对象的一个方法，它绑定了一个

单击事件到所有选中的标签,这里是所有的  标签.&并在事件触发时执行了它所提供的 ! 方法

这里有一个拟行相似功能的代码

#$% $&!&'( #'

不同之处很明显&用  不需要在每个  标签上写 (!? 事件&所以我们拥有了一个整洁的结构文档

,*+.和一个行为文档,"0.&达到了将结构与行为分开的目的&就像我们使用 /00 追求的一样

下面我们会更多地了解到选择器与事件

本章的相关链接:

  

 >( 

 ) 

Find me:使用选择器和事件

 提供两种方式来选择  ! 的 ! ，第一种是用 /00 和 2 选择器联合起来形成一个字

符串来传送到  的构造器（如：C,A)E!A.）；第二种是用  对象的几个 (,方

法.。这两种方式还可以联合起来混合使用。

为了测试一下这些选择器，我们来试着在我们 ? ! 中选择并修改第一个 (!

一开始，我们需要选择这个 ! 本身，这个 ! 有一个 - 叫“(!G，通常的 ) 写法是

( ! ,A(!A.在  中，我们这样做：



%)



这里将 ? 中的一个 /00 样式  附加到了 (! 上,译者 @! 注：参考测试包中的 

目录下的 (，其中定义了  样式.。因此，在你刷新了 ? ! 后，你将会看到第一个

有序列表,(!.背景色变成了红色，而第二个有序列表没有变化

现在，让我们添加一些新的样式到 ! 的子节点



%')*



这样，所有 (! 中的 ! 都附加了样式A!A。

现在我们再做个复杂一点的，当把鼠标放在 ! 对象上面和移开时进行样式切换，但只在 ! 的最后一个

!  上生效。



%+,

)-

.

,)-



还有大量的类似的 /00



和 2'



例子，更多的例子和列表可以在这里找到。（译者 @! 注：入门看此

文，修行在个人，要想在入门之后懂更多，所以这段话的几个链接迟早是要必看的！不会又要翻译吧H

IHJ）

每一个 (222 事件都有效，如 (!?&(&(  等，都有  等价表示方法（译者

@! 注： 不喜欢 (222，所以都改成了 222，去掉了 (）。其他的一些事件，如  和

()&也提供了相应的方法。

你可以在 K!



找到全部的事件列表，在 ) 栏目下

用这些选择器和事件你已经可以做很多的事情了，但这里有一个更强的好东东！



%/

012"0



L,.让你在已经选择的 !  中作条件查找&因此 C,AM(!.L,A!A.就像 C

,AM(!!A.,.一样迭代了所有的 !，并可以在此基础上作更多的处理。大部分的方法&如

剩余20页未读，继续阅读

评论收藏

内容反馈

mars2999

粉丝: 0
资源: 1

jQuery的起点教程

评论0

最新资源

jQuery的起点教程

评论0

jQuery的起点教程(PDF版pdf

jQuery的起点教程(PDF版).pdf

jQuery电子书教程合集

jQuery的起点教程.rar

jQuery的起点教程.doc

指南，翻译加实例，jQuery的起点教程

jQuery教程第一篇

jQuery中文入门指南翻译加实例jQuery的起点教程

《使用jQuery简化Ajax+开发》&amp;&amp;《jQuery的起点教程》

jQuery中文入门指南 翻译加实例 jQuery的起点教程

jquery中文版api文档和起点教程

jQuery中文入门指南，翻译加实例，jQuery的起点教程

ErlangPlayBase:动手 Erlang 教程会话的起点

微信小程序源码-合集6.rar

微信小程序源码-合集5.rar

微信小程序源码-合集4.rar

微信小程序源码-合集3.rar

微信小程序源码-合集2.rar

浏览器插件 Auto Refresh Plus 7.4.4 ctx

品优购项目 素材及代码

学生宿舍管理系统源码文件

最新资源

《使用jQuery简化Ajax+开发》&&《jQuery的起点教程》

jQuery中文入门指南翻译加实例 jQuery的起点教程

品优购项目素材及代码