Jquery技术在基建项目中的应用.pdfVIP

Jquery 技术在基建项目中的应用 序言 基建项目是一个扩展项目，我们所使用的技术必须使用原 MPC 所搭建的系统框架 实现要求。但随着 WEB2.0 的发展，客户已经对 WEB 有了更深层次的要求。在页面校 验和数值提取的时候客户更希望直接在指定的位置获得想要的结果。通过这一层的考 虑，项目组决定引入 AJAX 实现该功能。 为能使 AJAX 技术发挥的更加优秀，我们使用了 Jquery 框架来支持 AJAX 。 东软集团股份有限公司 1 目录 序言 1 一，为什么引入Jquery 3 二，简单介绍Jquery 3 三，基建项目中的应用 6 东软集团股份有限公司 2 一，为什么引入 Jquery j Query 由美国人 John Resig 创建，至今已吸引了来自世界各地的众多 javascript 高手加入其 team，包括来自德国的 Jouml;rn Zaefferer，罗马尼亚的 Stefan Petre 等等。 jQuery 是继 prototype 之后又一个优秀的 Javascrīpt 框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 它是轻量级的 js 库(压缩后只有 21k) ，这是其它的 js 库所不及的，它兼容 CSS3， 还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详 细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆 js 来调用命令了，只需定义 id 即可。 二，简单介绍 Jquery jquery 提供了很多便利的函数，如 each(fn)，但是使用这些函数的前提是：使用 的对象是 Jquery 对象。使一个 Dom 对象成为一个 Jquery 对象很简单。 如何获取 Jquery 对象 代码 var a = $(#cid); var b = $(hello); 东软集团股份有限公司 3 var c = document.createElement(table); var tb = $copy;; Jquery 与 dom 对比 代码 $(document).ready(function(){ alert(hello); });(1) body onload=alert(hello); （2 ） 上面两段代码是等价的。但代码 1 的好处是做到表现和逻辑分离。并且可以在不同 的 js 文件中做相同的操作，即$(document).ready (fn)可以在一个页面中重复出现，而 不会冲突。基本上 Jqeury 的很多 plugin 都是利用这个特性，正因为这个特性，多个 plugin 共同使用起来，在初始化时不会发生冲突。 不管怎么说，这个惯例可以分离 javascrīpt 与 HTML。推荐使用。 大量使用的事件可能就是 button 的 onclick 了。以前习惯在 input 元素上写 onclick = fn(),使用 jquery 可以使 javascrīpt 代码与 html 代码分离，保持 HTML