网页设计之Jquery(网页设计论文).doc

网页设计之Javascript中的Jquery技术

摘要:随着网页技术的日益发展,各类新技术推陈出新,极大地丰富了网页的表现形式,使网页从单一的HTML技术发展到HTML+CSS+JAVASCRIPT多种技术结合的形式。其中新兴的Jquery技术是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k),它兼容CSS3,还兼容各种浏览器。同时帮助程序员轻松建立有高度互动的“”特性的富客户端页面。
关键词:网页设计,Javascript,jQuery , CSS
目录
1. 网页技术简介 1
HTML含义 2
CSS含义 2
Javascrip含义 2
. 3
Javascript中的jQuery 3
jQuery特点 3
jQuery核心方法 6
9
jQuery的插件开发 9
使Ajax变得简单技术 10
HTML 添加动画技术 12
DOM 脚本和事件处理技术 13
jQuery 选择器的强大能量 13
15
jQuery ui 15
jQuery json 16
jQuery select 17
20

HTML含义
HTML(Hyper Text Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
CSS含义
CSS(Cascading Style Sheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。
Javascript含义
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。JavaScript是Sun公司的注册商标。
Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的 JavaScript实现包含三个部分:ECMAScript,文档对象模型,字节顺序记号。
2. Javascript之jQuery技术
Javascript中的jQuery技术
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多Javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马利亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
jQuery技术的特点

经GZip压缩后传输的代码文件仅14KB,未经压缩传送的代码文件仅26KB。 jQuery :
档案
档案行数
档案Size
备注
jquery-
11
31KB
使用 Notepad++ ,易导致Notepad++程式当掉。
jquery-
32
55KB
jquery-
3550
98KB

Var obj = $("#id1").parent().parent().parent().attr("name");//获取id=id1的元素的三层父节点的name属性
Var obj = $("#div1").find("table td").find("a").attr("href");//在i