成功之路JQuery基础学习目标掌握jQuery 框架和环境基本概念掌握jQuery 的核心函数和对象掌握jQuery 选择器基本用法掌握jQuery 属性用法掌握jQuery 类对象用法掌握jQuery 事件用法掌握jQuery 的效果简单用法了解jQueryAJAX 的功能jQuery 概述基本概念jQuery John Resig javascript 库.CSS3IE 6.0+, FF是建立的一个轻量级兼容，还兼容各种浏览器（1.5+, Safari 2.0+, Opera 9.0+）使用户能更方便地处理HTML 文档、事件、实现动画效果，并且方便地为网站提供Ajax 交互jQuery 能做什么以插件的形式持续地通过开发加入新的功能 1.获取页面的部分内容2.修改页面的外观3.修改页面的内容4.在页面中响应用户的交互5.给页面加上动画6.无刷新返回服务器端的信息7.还提供了改进基本的JavaScript 结构，如迭代和数组操作谁在用jQuery主流javascript 库①Prototype ②Ext ③YUI jQuery:④Dojo ⑤mooTools ⑥jQuery:①短小精悍，支持xpath 查询，dom1-3，css 支持；②简单的动画实现，支持自定义动画；③支持插件开发，现有插件多；④完整的api 文档以及范例，易学；⑤拥有官方UI 程序供使用，效果好。
jQuery 下载当前版本1.4.4官方网站下载：/jQuery 安装和使用在页面头部head js<script type="text/javascript"src="./script/jquery.js"></script>使用语法：中，添加VS2008中可以实现jQuery 的智能提示/KB958502/Releas e/ProjectReleases.aspx?ReleaseId=1736 Aptana StudioFireFox3+ FireBug1.2配置jQuery 环境1、安装vs2008 sp12、安装jq 插件3、添加jq 脚本到工程中应用jQuery 到代码Jquery 框架的结构参考网站jQuery jQuery Blog()官方网站中文社区一个有不少教程和插件 很好的API 查询站点/index.xml240多个jQuery 插件的列表/Terrylee/archive/2007/12/09/the-ultimate-jquery-plugin-list.htmljQuery 核心函数1核心函数$(expression,[context])接收一个包含CSS 选择器的字符串，然后用这个字符串去匹配一组元素$(html)根据提供的原始HTML 标记字符串，动态创建由jQuery 对象包装的DOM 元素将一个或多个元素转化为对象$(elements)DOM jQuery 两种访问Jquery 核心函数的方法①$（expression,[context]）②jQuery （expression,[context]）jQuery 核心函数2函数功能jQuery(callback)$(document).ready()的简写jQuery(expression, [context])根据表达式，查找匹配的一组核心函数语法元素jQuery(html, [ownerDocument])动态创建jQuery 包装的DOM 元素jQuery(elements)将DOM 元素转化为jQuery 对象页面载入jQuery(callback)$(document).ready(callback)绑定一个在DOM 文档载入完成后执行的函数 同一个页面上可以多次使用Document 对象Demo<html><head><script src="js1.4/jquery-1.4.1.js"type="text/javascript"></script><script type="text/javascript">$(document).ready(function () {$('#div1').append('<b>Hello World 1</b></br>');});$(document).ready(function () {$('#div1').append('<b>Hello World 2</b></br>');});</script></head><body><div id="div1"></div></body></html>重复注册demo1_document.htmElements 对象Demo<html><head><script src="js1.4/jquery-1.4.1.js"type="text/javascript"></script><script type="text/javascript">$(document).ready(function() {$("<b>Hello </b>").insertBefore("#p1");$("#p1").after("<b>World</b>");$(document.body).css("background", "red");});</script></head><body><p id="p1">这是一个段落</p></body></html>DOM 对象demo2_elements.html①基本选择器*,class,element, id, selector1, selector2等.通过jQuery返回对象②层级选择器ancestor descendant, parent > child,prev +next ,prev ` siblings③内容选择器contains[text], empty, parent, has[selector]等.④子元素选择器even, odd,eq[index], last, first 等返回jQuery 对象基本选择器*,class,element, id, selector1, selector2等.最常用根据给定的ID 匹配一个元素。
