韩顺平ajax 源代码,韩顺平AJAX和jquery笔记整理说课.doc

第一天3

ajax是什么3

ajax 的运行原理分析3

ajax在什么地方用的多4

使用ajax与服务器通信的的步骤4

ajax的post方式请求8

ajax处理返回xml9

ajax处理返回的json12

小结:13

省市联动14

黄金价格波动图17

第二天20

ajax实现聊天室的功能20

第4天22

jquery是什么22

为什么需要javascript框架?22

目前流行的js22

安装js开发插件(apatana)22

快速入门案例23

为什么可以使用jquery方法?24

jquery对象和dom对象切换24

jquery的选择器26

1 基本选择器26

改变 class 为 mini 的所有元素的背景色为 #FF003328

改变元素名为

的所有元素的背景色为 #00FFFF28

改变所有元素的背景色为 #00FF3328

改变所有的元素和 id 为 two class .mini 的元素的背景色为 #3399FF29

2 层次选择器30

改变

内所有
的背景色32

改变

的背景色body > div32

改变 id 为 one 的下一个

的背景色#one + div33

改变 id 为 two 的元素后面的所有兄弟

的元素的背景色'#two ~ div'33

改变 id 为 two 的元素所有

兄弟元素的背景色33

3 过滤选择器33

3.1 基础过滤选择器34

改变第一个 div 元素的背景色:eq(0)37

改变最后一个 div 元素的背景色:last37

改变class不为 one 的所有 div 元素的背景色:not(.one)37

改变索引值为偶数的 div 元素的背景色:odd37

改变索引值为大于 3 的 div 元素的背景色:gt(3)38

改变索引值为等于 3 的 div 元素的背景色:eq(3)38

改变索引值为小于 3 的 div 元素的背景色:lt(3)38

改变所有的标题元素的背景色:header38

改变当前正在执行动画的所有元素的背景色:animated39

3.2 内容选择器41

改变含有文本 ‘di’ 的 div 元素的背景色:contains('di')43

改变不包含子元素(或者文本元素) 的 div 的背景色:empty43

改变含有 class 为 mini 元素的 div 元素的背景色:.mini44

改变含有子元素(或者文本元素)的div元素的背景色:parent44

改变不含有文本 di; 的 div 元素的背景色:not(contains('di')44

改变索引值为大于 3 的 div 元素的背景色:gt(3)44

3.3 可见度选择器44

改变所有可见的div元素的背景色:visible45

选取所有不可见的元素并设置其背景: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-child52

每个class为one的div父元素下的最后一个子元素div .one:last-child53

如果class为one的div父元素下的仅仅只有一个子元素,那么选中这个子元素div .one:only-child53

3.6表单对象选择器53

获取表单元素的两种方式55

改变表单内 type=text 可用 元素的值input[type='text']:enabled57

获取多选框选中