JQuery笔记第一版.docx

Jquery学习文档什么是Jquery？Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。有人要问学习Jquery需要什么基础知识？HTML+CSS+JAVASCRIPT，只要熟悉这些，学习Jquery就没有什么问题。还有人要问这Jquery Ui是什么了？jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的/view/138452.htmweb应用程序。所有/view/18979.htm插件测试能兼容 IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 Google Chrome。jQuery UI 主要分为3个部分：交互、微件和效果库。　jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的/view/138452.htmweb应用程序。所有/view/18979.htm插件测试能兼容 　IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 Google Chrome。 组件构成　　jQuery UI 主要分为3个部分：交互、微件和效果库。 交互　　交互部件是一些与鼠标交互相关的内容，包括Draggable,Droppable,Resizable,Selectable和Sortable等。 微件　主要是一些界面的扩展，包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等，新版本的UI将包含更多的微件。 效果库　用于提供丰富的动画效果，让动画不再局限于jQuery的animate()方法。那让我们先从Jquery开始在这里有几个比较好的学习网站有/forum.php/forum.php////通过一些WEB开发过程中常用到的实例给大家讲解一下jQuery 库包含以下特性：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities 向您的页面添加 jQuery 库jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。可以通过下面的标记把 jQuery 添加到网页中：headscript type=text/javascript src=jquery.js/script/head请注意，script 标签应该位于页面的 head 部分。下载 jQuery/Downloading_jQuery/Downloading_jQuery#Download_jQuery库的替代Google 和 Microsoft 对 jQuery 的支持都很好。如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。使用 Google 的 CDNheadscript type=text/javascript src=/ajax/libs/jquery/1.4.0/jquery.min.js/script/head使用 Microsoft 的 CDNheadscript type=text/javascript src=/ajax/jquery/jquery-1.4.min.js/script/headjQuery 语法实例演示 jQuery hide() 函数$(this).hide()隐藏当前的 HTML 元素。$(#test).hide()隐藏 id=test 的元素。$(p).hide()隐藏所有 p 元素。$(.test).hide()隐藏所有 class=test 的元素。jQuery 语法jQ