韩顺平AJAX和jquery笔记整理解释.doc

第一天 3 ajax是什么 3 ajax 的运行原理分析 3 ajax在什么地方用的多 4 使用ajax与服务器通信的的步骤 4 ajax的post方式请求 8 ajax处理返回xml 9 ajax处理返回的json 12 小结: 13 省市联动 14 黄金价格波动图 17 第二天 20 ajax实现聊天室的功能 20 第4天 22 jquery是什么 22 为什么需要javascript框架? 22 目前流行的js 22 安装js开发插件(apatana) 22 快速入门案例 23 为什么可以使用jquery方法? 24 jquery对象和dom对象切换 24 jquery的选择器 26 1 基本选择器 26 改变 class 为 mini 的所有元素的背景色为 #FF0033 28 改变元素名为 div 的所有元素的背景色为 #00FFFF 28 改变所有元素的背景色为 #00FF33 28 改变所有的span元素和 id 为 two class .mini 的元素的背景色为 #3399FF 29 2 层次选择器 30 改变 body 内所有 div 的背景色 32 改变 body 下 div 的背景色body div 32 改变 id 为 one 的下一个 div 的背景色#one + div 33 改变 id 为 two 的元素后面的所有兄弟div的元素的背景色#two ~ div 33 改变 id 为 two 的元素所有 div 兄弟元素的背景色 33 3 过滤选择器 33 3.1 基础过滤选择器 34 改变第一个 div 元素的背景色:eq(0) 37 改变最后一个 div 元素的背景色:last 37 改变class不为 one 的所有 div 元素的背景色:not(.one) 37 改变索引值为偶数的 div 元素的背景色:odd 37 改变索引值为大于 3 的 div 元素的背景色:gt(3) 38 改变索引值为等于 3 的 div 元素的背景色:eq(3) 38 改变索引值为小于 3 的 div 元素的背景色:lt(3) 38 改变所有的标题元素的背景色:header 38 改变当前正在执行动画的所有元素的背景色:animated 39 3.2 内容选择器 41 改变含有文本 ‘di’ 的 div 元素的背景色:contains(di) 43 改变不包含子元素(或者文本元素) 的 div 的背景色:empty 43 改变含有 class 为 mini 元素的 div 元素的背景色:.mini 44 改变含有子元素(或者文本元素)的div元素的背景色:parent 44 改变不含有文本 di; 的 div 元素的背景色:not(contains(di) 44 改变索引值为大于 3 的 div 元素的背景色:gt(3) 44 3.3 可见度选择器 44 改变所有可见的div元素的背景色:visible 45 选取所有不可见的元素并设置其背景:hidden，show() 方法 45 选取所有的文本隐藏域, 并打印它们的值 45 如何使用 each对数组遍历（重要） 46 第6天 47 3.4 属性选择器（不以 : 开头） 47 含有属性title 的div元素div[title] 48 属性title值等于test的div元素div[title=’test’] 49 属性title值不等于test的div元素div[title!=test] 49 属性title值 以te开始 的div元素div[title^=te] 49 属性title值 以est结束 的div元素div[title$=est] 49 属性title值 含有es的div元素div[title*=es] 49 选取有属性id的div元素，然后在结果中选取属性title值含有“es”的 div 元素div[id][title*=es] 50 3.5 子元素选择器 50 每个class为one的div父元素下的第2个子元素div .one:nth-child(1) 52 每个class为one的div父元素下的第一个子元素div .one:first-child 52 每个class为one的div父元素下的最后一个子元素div .one:last-child 53 如果class为one的div父元素下的仅仅只有一个子元素，那么选中这个子元素div .one:only-child 53 3.6表单对象选择器 53 获取表单元素的两种方式 55 改变表单内 type=text 可用 input 元素的值input[type=text]:enabled 57 获取多选框选中的个数input[type=checkbox]:checked 58 获取下拉