没有合适的资源?快使用搜索试试~ 我知道了~
首页jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结
jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结
资源详情
资源评论
资源推荐

一、简介
、概述
随着 及 思想在互联网上的快速发展传播,陆续出现了一些优秀的 框架,
其中比较著名的有 、、、、 以及国内的 !
框架等,通过将这些 框架应用到我们的项目中能够使程序员从设计和书写繁杂的 应
用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。
是继 之后的又一个优秀的 "# 框架。它是由 $%&'%于
(%年初创建的,它有助于简化 "#)%以及 *%编程。有人使用这样的一比喻
来比较 和 : 就像 ",而 就像 +%它是一个简
洁快速灵活的 "# 框架,它能让你在你的网页上简单的操作文档、处理事件、实现
特效并为 + 页面添加 * 交互。
它具有如下一些特点:
、代码简练、语义易懂、学习快速、文档丰富。
、 是一个轻量级的脚本,其代码非常小巧,最新版的 "# 包只有 , 左
右。
-、 支持 ./.-0以及基本的 $。
1、 是跨浏览器的,它支持的浏览器包括 %(20%33%420%5%20%6
72。
4、可以很容易的为 扩展其他功能。
(、能将 代码和 89!: 代码完全分离,便于代码和维护和修改。
;、插件丰富,除了 本身带有的一些特效外,可以通过插件实现更多功能,如表单
验证、+ 导航、拖放效果、表格排序、<=,树形菜单、图像特效以及 上传
等。
的设计会改变你写 "# 代码的方式,降低你学习使用 操作网页的复杂度,
提高网页 开发效率,无论对于 初学者还是资深专家, 都将是您的首选。
适合于设计师、开发者以及那些还好者,同样适合用于商业开发,可以说
适合任何 "# 应用的地方,可用于不同的 + 应用程序中。
官方站点:$>??@#?A%中文站点:$>??@'#?
、目的
通过学习本文档,能够对 有一个简单的认识了解,清楚 与其他 框架的
不同,掌握 的常用语法、使用技巧及注意事项。
二、使用方法
在需要使用 的页面中引入 的 文件即可。
例如:B#%CD?"#D%#CD?@DEB?#E
引入之后便可在页面的任意地方使用 提供的语法。
三、学习教程及参考资料
请参照《 中文 * 手册》和 $>??@'#?"?#?
推荐两篇不错的 @ 教程:《 的起点教程》和《使用 %简化 *%开

发》
F说明:以上文档都放在了【附件】中G
四、语法总结和注意事项
、关于页面元素的引用
通过 @ 的HFG引用元素包括通过 、#、元素名以及元素的层级关系及 或者
$ 条件等方法,且返回的对象为 @ 对象(集合对象),不能直接调用 定义
的方法。
、 对象与 对象的转换
只有 @ 对象才能使用 @ 定义的方法。注意 对象和 @ 对象是有区别的,
调用方法时要注意操作的是 对象还是 @ 对象。
普通的 对象一般可以通过HFG转换成 @ 对象。
如:HF#'FD'DGG则为 @ 对象,可以使用 @ 的方
法。
由于 @ 对象本身是一个集合。所以如果 @ 对象要转换为 对象则必须取出
其中的某一项,一般可通过索引取出。
如:HFDI'DGJK,HFD"DG@FGJK,HFD"DG'FGJK,HFDDGJ4K这些都是
对象,可以使用 中的方法,但不能再使用 @ 的方法。
以下几种写法都是正确的:
HFDI'DG$FGL
HFDI'DGJK89!:L
HFDI'DG@FGJK89!:L
HFDI'DG'FG89!:L
-、如何获取 集合的某一项
对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用 @ 或 'FG方法或
者索引号获取,要注意,@ 返回的是 @ 对象,而 '%FG和索引返回的是 元素
对象。对于 @ 对象只能使用 @ 的方法,而 对象只能使用 的方法,如
要获取第三个B%"E元素的内容。有如下两种方法:
HFD"DG@FG$FGLAAAAAAAAAAAAA%??调用 @ 对象的方法
HFD"DG'FG89!:LAAAAAA%??调用 的方法属性
1、同一函数实现 和 '
@ 中的很多方法都是如此,主要包括如下几个:
HFDI'DG$FGLAAAAAAAAAAAAA%??返回 为 ' 的元素节点的 $ 内容。
HFDI'DG$FDB+E%#B?+EDGLAAAA%A
??将“B+E%#B?+EM%作为 $ 串写入 为 ' 的元素节点内容中0页面显示
粗体的 %#
HFDI'DGFGLAAAAAAAAAAAAA%??返回 为 ' 的元素节点的文本内容。
HFDI'DGFDB+E%#B?+EDGLAAAA%A
??将“B+E%#B?+EM%作为普通文本串写入 为 ' 的元素节点内容中0页面显

示粗体的B+E%#B?+E
HFDI'DG$'$FGLAAAAAAAAAAAAA%??返回 为 ' 的元素的高度
HFDI'DG$'$FD-DGLAAAAAA%??将 为 ' 的元素的高度设为 -
HFDI'DG$FGLAAAAAAAAAAAAA%??返回 为 ' 的元素的宽度
HFDI'DG$FD-DGLAAAAAA%??将 为 ' 的元素的宽度设为 -
HFDDG"FDGLAAAAAA%??返回表单输入框的 " 值
HFDDG"FDDGLAAAAAA%??将表单输入框的 " 值设为
HFDI'DG##NFGLAAAAAA%??触发 为 ' 的元素的单击事件
HFDI'DG##NF5GLAAAAAA%??为 为 ' 的元素单击事件添加函数
同样 +05#0#0+ 事件都可以有着两种调用方法
4、集合处理功能
对于 @ 返回的集合内容无需我们自己循环遍历并对每个对象分别做处理, @ 已
经为我们提供的很方便的方法进行集合的处理。
包括两种形式:
HFDDG#$F5#FGO$#CJPI5P0PI5P0PI5PKQGAAAA%A
??为索引分别为 ,, 的 元素分别设定不同的字体颜色。
HFDDG#$F5#FGO$+#N'.CJPI###P0PIR5PKJSKQGAAAA%A
??实现表格的隔行换色效果
HFDDG##NF5#FGO$FGGQGAAAAAAAAAAAA%A
??为每个 元素增加了 ##N 事件,单击某个 元素则弹出其内容
(、扩展我们需要的功能
HFO
AAAAAA%>%5#F0%+GO%%B%+T>+L%Q0
AAAAAA%>%5#F0%+GO%%E%+T>+L%Q
QGLAAAAAA%??为 @ 扩展了 0 两个方法
使用扩展的方法(通过“H方法名”调用):
2D0CD2HF0GGL
;、支持方法的连写
所谓连写,即可以对一个 @ 对象连续调用各种不同的方法。
例如:
HFDDG##NF5#FGO$FGGQG
"F5#FGOQG
#$F5#FGO$#CJPI5P0PI5P0PI5PKQGL
U、操作元素的样式
主要包括以下几种方式:
剩余11页未读,继续阅读














安全验证
文档复制为VIP权益,开通VIP直接复制

评论3