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

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