网页设计之jquery(网页设计论文)

《网页设计之jquery(网页设计论文)》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、网页设计之Javascript中的Jquery技术摘要：随着网页技术的日益发展，各类新技术推陈出新，极大地丰富了网页的表现形式，使网页从单一的HTML技术发展到HTML+CSS+JAVASCRIPT多种技术结合的形式。其中新兴的Jquery技术是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k)，它兼容CSS3，还兼容各种浏览器。同时帮助程序员轻松建立有高度互动的“web2.0”特性的富客户端页面。关键词：网页设计，Javascript，jQuery,CSS目录1.网页技术简介11.1HTML含义2201.2CSS含义21.3Javas

2、crip含义22．Javascript之jQuery技术.32.1Javascript中的jQuery32.2jQuery特点32.3jQuery核心方法63．jQuery的具体技术93.1jQuery的插件开发93.2使Ajax变得简单技术103.3为HTML添加动画技术123.4DOM脚本和事件处理技术133.5释放jQuery选择器的强大能量134.基于jQuery几类插件的应用154.1jQueryui154.2jQueryjson164.3jQueryselect175.参考资料20201.网页技术简介1.1HTML含义HTML（HyperTextM

3、ark-upLanguage）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。1.2CSS含义CSS（CascadingStyleSheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离

4、。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。1.3Javascript含义JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的BrendanEich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript

5、是Sun公司的注册商标。20Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。　2.Javascript之jQuery技术2.1Javascript中的jQuery技术jQuery由美国人JohnResig创建，至今已吸引了来自世界各地的众多Javascript高手加入其team，包括来自德国的JörnZaefferer，罗马利亚的StefanPetre等等。jQuery是继pro

6、totype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITELESS,DOMORE,写更少的代码,做更多的事情。2.2jQuery技术的特点I．轻量级经GZip压缩后传输的代码文件仅14KB，未经压缩传送的代码文件仅26KB。jQuery1.26版时：档案档案行数档案Size备注jquery-1.2.6.pack.js1131KB使用Notepad++4.92版开启时，易导致Notepad++程式当掉。jquery-1.2.6.min.js3255KB20jquery-1.2.6.js355098KBII．链式语法Varobj=$("#id1"

7、).parent().parent().parent().attr("name");//获取id=id1的元素的三层父节点的name属性Varobj=$("#div1").find("tabletd").find("a").attr("href");//在id=div1的元素下查找table的所有td，然后在第一个td中找到第一个a，然后获取href属性III．CSS1-3选择器可以轻松设置，删除，读取css属性Varobj=$("p").css("color");//取得第一个段落的color样式属性的值。Varobj=$("p").addClass("cs

8、s1");//取得第一个段落为并追加c