综合项目(Java方向)(JQuery).pdf

jQuery 基础教程 内容简介 一 jQuery的由来及简介 二 jQuery对象和DOM对象 三 jQuery选择器 四 jQuery中的DOM操作 三 使用jQuery创建动画效果 五 JavaScript框架简介  随着JavaScript、CSS、Ajax等技术的不断进 步，越来越多的开发者将一个又一个丰富多 彩的程序功能进行封装，供其他人可以调用 这些封装好的程序组件（框架）  当前流行的 JavaScript 库有: jQuery 的优势 轻量级 （Lightweight） 强大的选择器  出色的DOM操作封装 可靠的事件处理机制  出色的浏览器兼容性 jQuery 理念 : 写得少, 做得多 jQuery 理念 : 写得少, 做得多 jQuery 的使用  下载：提供了最新的jQuery 框架下载。通常只需下载最小的jQuery包 （Minified）即可。目前最新的版本jquery- 1.10.2或jquery-2.0.3 。  引用： script type=text/javascript src=jq/jquery-1.6.2.js/script将jQuery 框架文件导入后，就可以使用jQuery 的选 择器和各种函数功能了。 第一个jQuery程序 script type=text/javascript src=jq/jquery-1.6.2.js/script 引入jQuery 引入jQuery $(document).ready(function(){ alert(Hello World!); 弹出一个对话框 }); 弹出一个对话框 /script 等待DOM文档载入后执行类 等待DOM文档载入后执行类 似于window.onload 似于window.onload jQuery对象与DOM对象 jQuery 对象  jQuery 对象就是通过 jQuery 包装 DOM 对象后产 生的对象  jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#tab”).html();  jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法  建议约定：如果获取的是jQuery 对象, 那么要在变 量前面加上 $.  var $variable = jQuery 对象  var variable = DOM 对象 jQuery 对象转成 DOM 对象  jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM方法 的时候, 有如下两种处理方法:  (1) jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象.  $(#msg)[0]  (2