jQuery的特点 简单易学的API 精简的体积 当前 Release版本v142最小化且使用 gzIp 压缩后仅24KB 支持CSS3
jQuery 的特点 ▪ 简单易学的 API ▪ 精简的体积 ▪ 当前 Release 版本 v1.4.2 最小化且使用 gzip 压缩后仅 24KB ▪ 支持 CSS3
加载 jQuery 下载到自己的服务器进行部署 <script type="text/javascript src=jquery. js"></script> OR 使用 Google托管的代码 <script type="text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquer y min js?ver=1.4.2 ></script> 节省服务器流量 充分利用浏览器缓存 亦可使用 Google AJAX Libraries API进行加载
加载 jQuery ▪ 下载到自己的服务器进行部署 <script type="text/javascript" src="jquery.js"></script> OR ▪ 使用 Google 托管的代码 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquer y.min.js?ver=1.4.2"></script> ▪ 节省服务器流量 ▪ 充分利用浏览器缓存 ▪ 亦可使用 Google AJAX Libraries API 进行加载
jQuery对象 几乎每个 jQuery函数都返回一个 jQuery对 象 每个 jQuery对象包装了若千个DOM元素 “链接性 Java的 String类,多数方法返回 String类型值 String text= new String("Slideshow"). toUpperCaseO substring (0, 5). toLowerCaseO jQuery对象 S(div#slide").add Class("hover").show(). text("Welcome!
jQuery 对象 ▪ 几乎每个 jQuery 函数都返回一个 jQuery 对 象 ▪ 每个 jQuery 对象包装了若干个 DOM 元素 ▪ “链接性” ▪ Java 的 String 类，多数方法返回 String 类型值 String text = new String("Slideshow").toUpperCase().substring(0,5).toLowerCase(); ▪ jQuery 对象 $("div#slide").addClass("hover").show().text("Welcome!");
jQuery能做些什么? 取得文档元素 遍历文档元素 处理元素样式 处理文档内容 响应交互操作 为文档添加动态效果 简化异步请求过程
jQuery 能做些什么？ ▪ 取得文档元素 ▪ 遍历文档元素 ▪ 处理元素样式 ▪ 处理文档内容 ▪ 响应交互操作 ▪ 为文档添加动态效果 ▪ 简化异步请求过程
jQuery能做些什么? 取得文档元素 遍历文档元素 处理元素样式 处理文档内容 响应交互操作 为文档添加动态效果 简化异步请求过程
jQuery 能做些什么？ ▪ 取得文档元素 ▪ 遍历文档元素 ▪ 处理元素样式 ▪ 处理文档内容 ▪ 响应交互操作 ▪ 为文档添加动态效果 ▪ 简化异步请求过程