jQuery快速上手手册解析.ppt

3.JQUERY--基础 3.15 多库共存 noConflict() 运行这个函数将变量$的控制权让渡给第一个实现它的那个库。 这有助于确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$(div p)的地方，就必须换成jQuery(div p)。 4.其它 插件 官方插件网址 TerryLee Blog上的所做的240个jQuery插件索引 工具 可采用任意文本编辑器, VS2008中可以实现智能提示. Aptana Studio FireFox2 + FireBug1.05 4.参考网站 jQuery官方网站 API下载站点 /p/jquery-api-zh-cn/downloads/list ?? 240多个jQuery插件的列表 /Terrylee/archive/2007/12/09/the-ultimate-jquery-plugin-list.html jQuery性能优化指南 /View?docid=dft4vhq9_21hjb7j9fzrevision=_latest /View?docID=dft4vhq9_22g93szvddrevision=_latest /View?docID=dft4vhq9_23cnccgwc7revision=_latest jQuery使得开发JavaScript事半功倍！ * JQUERY简介 -------写更少的代码，做更多的事情。 1.JQUERY的概述 1.1 JavaScript能做什么 JavaScript开发基本可以分为： 查找DOM元素进行取值和赋值的操作、在特定DOM节点位置进行内容的取值和赋值操作（innerHTML）； 针对元素进行事件监听(鼠标点击等)； 通过操作DOM节点结合改变元素的CSS样式，达到绚丽的动画效果（淡入淡出效果）； 对DOM元素进行AJAX操作。 1.JQUERY的概述 1.2 JQUERY简介 jQuery由美国人John Resig于2006年初创建，至今已吸引了来自世界各地的众多JavaScript高手加入其team，包括来自德国的Jouml;rn Zaeffere ，罗马尼亚的Stefan Petre等等。 jQuery,顾名思义，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。 jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id、class、name等即可。 1.JQUERY的概述 1.3 主流的JavaScript框架 YUI Dojo mooTools Prototype jQuery More.. 性能测试：/slickspeed/ 1.JQUERY的概述 1.3 主流的JavaScript框架 1.JQUERY的概述 1.4 JQUERY的特点 轻量级：经GZip压缩后传输的代码文件仅19KB，未经压缩传送的代码文件仅56KB（基于1.3.2版本） 链式语法 ：$(“p.surprise”).addClass(“ohmy”).show(“slow”);（褒贬不一） CSS 1-3 选择器：支持CSS选择器选定DOM对象 跨浏览器：支持Internet Explorer 6+、Opera 9+、Firefox 2+、Safari 3.0+ 简单：较其它JS库更容易入门，中、英文档很齐全 易扩展： 有丰富的插件，JQUERY UI 、 JQUERY FX –已经有很完善的基于JQUERY的用户界面库 和网页特效库 2.JQUERY的使用 2.1 jQuery下载 当前版本1.3.2 官方网站下载：/ 2.2 jQuery安装 在页面头部head中，添加js script type=text/javascript src=script/jquery-1.3.2.min.js/script 2.3 VS2008中可以实现jQuery的智能提示 3.JQUERY--基础 3.1 页面载入 $(document).ready(callback); $(document).ready(function() {});?简写$(function(){}); 绑定一个在DOM文档载入完成后执行的函数 同一个页面上可以多次使用 window.onload $(document).rea