jQuery基础入门ppt.ppt

jQuery基本入门PPT 演讲人：田斐 RIA技术 RIA(Rich Internet Applications)富互联网应用,具有高度互动性、丰富用户体验以及功能强大的客户端。 常见的RIA技术 Ajax Flex Sliverlight JavaScript及其框架是实现RIA的重要工具 JavaScript框架简介 随着JavaScript、CSS、Ajax等技术的不断进步，越来越多的开发者将一个又一个丰富多彩的程序功能进行封装，供其他人可以调用这些封装好的程序组件（框架） 当前流行的 JavaScript 库有: jQuery的优势 轻量级 （Lightweight） 强大的选择器 出色的DOM操作封装 可靠的事件处理机制 出色的浏览器兼容性 jQuery 理念: 写得少, 做得多 第一个jQuery程序 script src=jquery.min.js/script script $(document).ready(function(){ alert(Hello World!); }); /script 引入jQuery 等待DOM文档载入后执行类似于window.onload 弹出一个对话框 选择器 基本 #id 根据给定的ID匹配一个元素。 element 根据给定的元素名匹配所有元素 .class 根据给定的类匹配元素。 * 匹配所有元素 选择器 层次 ancestor descendant 选择器 层次 parent child 选择器 层次 prev + next 选择器 层次 prev ~ siblings 选择器 内容 ：contains jQuery 属性 attr(name) jQuery 属性 attr(key, value) jQuery 属性 removeAttr(name) jQuery 对象 addClass(class) jQuery 对象 Val() jQuery 对象 val(val) jQuery CSS css(name) jQuery 对象 css(name, value) jQuery Ajax $.ajax({ type:POST, url:***.do, dataType:json, async：true, error: function(data){ //失败回调方法 }, success: function(data){ //成功回调 方法 } });