台技术设计与应用NET第八章V

《台技术设计与应用NET第八章V》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、111电子政务平台技术设计与应用——ASP.NET高级应用Version2南大滨海学院法政学系张一鸣2016年2月12日电子政务平台技术设计与应用南大滨海学院法政学系张一鸣222ASP.NET高级应用第8章Jquery技术南大滨海学院法政学系张一鸣2016年2月12日电子政务平台技术设计与应用33本章主要内容本章主要介绍使用JQuery技术开发应用程序的方法。JQuery简介321在页面中使用jQueryJQuery的应用用JQuery进行表单验证45用JQuery实现订单管理3448.1JQuery简介jQuery，即

2、JavaScript和查询（Query），是辅助JavaScript开发的库。它是继prototype之后又一个优秀的兼容多浏览器的JavaScript轻量级的库，核心理念是writeless,domore(写得更少,做得更多)。jQuery在2006年1月由美国人JohnResig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由DaveMethvin率领团队进行开发。455JQuery的特点jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计使开发者更加便捷地操作文

3、档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。566JQuery的发展演变从2006年8月发表JQuery库的第一个稳定版本1.0到2014年5月1日，jQuery2.1.1版发布，期间Jquery先后推出了近20个发展版本。目前最新的已经发展到了2

4、.1.1版。677JQuery的版本jQuery可以下载使用，有两个版本的jQuery可供下载：Productionversion-用于实际的网站中，已被精简和压缩。Developmentversion-用于测试和开发（未压缩，是可读的代码）。78jQuery1.8.0版压缩前后的对比文件行数大小jquery-1.8.0.min.js291KBjquery-1.8.0.js9228254KB这两个版本都可以从jQuery.com官网下载。899jQuery的下载引用可以从多个公共服务器中选择引用。把jQuery存储在CD

5、N公共库上可加快网站载入速度。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。国外的有Google、Microsoft等多家公司给jQuery提供CDN服务，国内由新浪云计算(SAE)、百度云(BAE)等提供。9jQuery的下载引用（续）108.2JQuery的基础语法基础语法：$(selector).action()其中：美元符号“$”表示后边的内容是JQuery选择符(selector)“查询”和“查找”HTML元素action()执行对所找到的元素的操作例如：$(this).hide()—隐藏当前元

6、素$("p").hide()—隐藏所有段落11例子8.1JQuery的简单应用建立新项目，在其中的主页加入调用JQuery库的语句和显示4次“Hello”的语句12包含JQuery的脚本文件app.js脚本文件的内容调用脚本文件app.js13例子8.1的运行结果（前）14修改脚本文件—隐藏点击的文本注释原语句选择点击的段落执行隐藏当前段落的函数15例子8.1的运行结果（后）16JQuery对象和JQuery选择器$("#myELement")选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值

7、是myElement所以得到的是唯一的元素$("div")选择所有的div标签元素，返回div元素数组$(".myClass")选择使用myClass类的css的所有元素$("*")选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass")17JQuery选择器分类：层叠选择器$("AB")查找A元素下面的所有子节点，包括非直接子节点$("A>B")查找A元素下面的直接子节点$("A+B")查找A元素后面的兄弟节点，包括非直接子节点$("A~B")查找A元素后

8、面的兄弟节点，不包括非直接子节点$("forminput")选择所有的form元素中的input元素$("#main>*")选择id值为main的所有的子元素$("label+input")选择所有的label元素的下一个input元素节点，经测试选择器返回的是label标签后面直接跟一个input标签的所有inpu