- 1、本文档共21页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
PAGE \* MERGEFORMAT0
网页设计之Javascript中的Jquery技术
摘要:随着网页技术的日益发展,各类新技术推陈出新,极大地丰富了网页的表现形式,使网页从单一的HTML技术发展到HTML+CSS+JAVASCRIPT多种技术结合的形式。其中新兴的Jquery技术是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k),它兼容CSS3,还兼容各种浏览器。同时帮助程序员轻松建立有高度互动的“web2.0”特性的富客户端页面。
关键词:网页设计,Javascript,jQuery , CSS
目录
1. 网页技术简介 1
1.1 HTML含义 2
1.2 CSS含义 2
1.3 Javascrip含义 2
2.Javascript之jQuery技术. 3
2.1 Javascript中的jQuery 3
2.2 jQuery特点 3
2.3 jQuery核心方法 6
3.jQuery的具体技术 9
3.1 jQuery的插件开发 9
3.2 使Ajax变得简单技术 10
3.3为 HTML 添加动画技术 12
3.4 DOM 脚本和事件处理技术 13
3.5释放 jQuery 选择器的强大能量 13
4.基于jQuery几类插件的应用 15
4.1 jQuery ui 15
4.2 jQuery json 16
4.3 jQuery select 17
5.参考资料 20
1.网页技术简介
1.1 HTML含义
HTML(Hyper Text Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛 的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
1.2 CSS含义
CSS(Cascading Style Sheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可将页面的内容 与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内 容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。
1.3 Javascript含义
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同 时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的 JavaScript实现包含三个部分:ECMAScript,文档对象模型,字节顺序记号。
2. Javascript之jQuery技术
2.1 Javascript中的jQuery技术
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多Javascript高手加入其team,包括来自德国的Jouml;rn Zaefferer,罗马利亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
2.2 jQuery技术的特点
I.轻量级
经GZip压缩后传输的代码文件仅14KB,未经压缩传送的代码文件仅26KB。 jQuery 1.26版时:
档案
档案行数
档案Size
备注
jquery-1.2.6.pack.js
11
31KB
使用 Notepad++ 4.92版开启时,易导致Notepad++程式当掉。
jquery-1.2.6.min.js
32
55KB
jquery-1.2.6.js
3550
98KB
II.链式语法
Var obj = $(#id1).parent().parent().parent().attr(name);//获取id=id1的元素的三层父节点的name属性
Var obj = $(#div1).find(table td).find(a).attr(href);//在id=div1的元素下查找table的所有td,然后在第一个td中找到第一个a
您可能关注的文档
- 说课_星三角降压启动.ppt
- 说课《商务礼仪》.ppt
- 四川发电企业安全生产标准化规范及达标评级安全隐患整改及监控计划报告.doc
- 四川某建筑风貌改造工程外墙装饰脚手架施工方案.doc
- 四年级奥数讲义380学子教案库第9讲竞赛123班教师版.doc
- 四年级奥数讲义656学子教案库四年级寒假第04讲最短路线教师版.doc
- 苏教版 高考语文高中部分14篇名句默写练习.doc
- 苏教版五年级上册品德 11 让我们来寻根.ppt
- 苏教版小学五年级上册语文期末总复习提纲.doc
- 苏宁广场各地区项目招商手册(50页).ppt
- 浙江省临海市白云高级中学2025届高三历史3月月考试题.doc
- 云南拾谷县第一中学2024_2025学年高二物理上学期10月月考试题.doc
- 2025版高考生物总复习第13讲基因的分离定律教案苏教版.doc
- 湖北省黄石实验高中2024_2025学年高一历史下学期期末考试模拟卷.doc
- 通史版2025版高考历史大一轮复习专题七近代化的曲折发展__中日甲午战争至五四运动前4第4讲从维新思想到新文化运动课后达标检测含解析新人教版.doc
- 2024年高考数学考试大纲解读专题04导数及其应用含解析文.doc
- 河南省许汝平九校联盟2024_2025学年高一语文上学期期末考试试题扫描版无答案.doc
- 江西省吉安市吉水县第二中学2024_2025学年高一历史上学期第二次月考试题.doc
- 北京市平谷区2025届高三政治一模考试试题含解析.doc
- 2025届中考物理第四讲物态变化专项复习测试无答案新人教版.docx
文档评论(0)