Jquery培训.ppt

1、javaScript、jQuery入门培训,张庭英,2015年12月,1,javaScript基础和jQuery简介,使用jQuery创建动画效果,5,目录,jQuery对象和DOM对象,jQuery选择器,2,3,4,jQuery中的DOM操作,6,其他,3,jQuery简介,随着JavaScript、CSS、Ajax等技术的不断进步，越来越多的开发者将一个又一个丰富多彩的程序功能进行封装，供其他人可以调用这些封装好的程序组件（框架）。 jQuery 就是这样一个JavaScript框架。 官方网站：,4,jQuery简介,5,jQuery特点,6,jQuery下载使用,官网 引用：将框架文

2、件引入后就可以使用jQuery的选择器和各种函数功能了。如下：,7,jQuery下载使用,1,jQuery简介,使用jQuery创建动画效果,5,目录,jQuery对象和DOM对象,jQuery选择器,2,3,4,jQuery中的DOM操作,6,其他,9,jQuery对象,10,jQuery对象和DOM对象互转,11,jQuery对象和DOM对象互转,1,jQuery简介,使用jQuery创建动画效果,5,目录,jQuery对象和DOM对象,jQuery选择器,2,3,4,jQuery中的DOM操作,6,其他,13,jQuery选择器,14,jQuery基本选择器,15,jQuery基本选择器

3、实例,$(p:first).css(“backgroudColor”,”red”);,16,jQuery过滤选择器,17,jQuery过滤选择器实例,18,jQuery内容过滤选择器,19,jQuery可见性过滤选择器,$(div:visible).css(background-color,red);,$(:hidden).css(background-color,red);$(:hidden).show();,20,jQuery属性过滤选择器,21,jQuery表单对象属性过滤选择器,22,jQuery表单对象选择器,23,jQuery选择器参考表格,24,jQuery选择器参考表格,25,

4、jQuery选择器参考表格,26,jQuery练习,1,jQuery简介,使用jQuery创建动画效果,5,目录,jQuery对象和DOM对象,jQuery选择器,2,3,4,jQuery中的DOM操作,6,其他,28,jQuery中的DOM操作,29,jQuery创建节点,30,jQuery插入节点,31,jQuery插入节点操作实例,32,jQuery插入节点操作实例,33,jQuery插入节点,34,jQuery删除节点,35,jQuery复制节点,36,jQuery替换节点,37,jQuery包裹节点,38,jQuery属性操作,39,jQuery样式操作,40,jQuery获取HTM

5、L和文本,41,jQuery的CSS操作,42,jQuery事件,43,jQuery事件,1,jQuery简介,使用jQuery创建动画效果,5,目录,jQuery对象和DOM对象,jQuery选择器,2,3,4,jQuery中的DOM操作,6,其他,45,jQuery动画效果隐藏和显示,46,jQuery动画效果,47,jQuery动画效果,48,jQuery常用方法,1,jQuery简介,使用jQuery创建动画效果,5,目录,jQuery对象和DOM对象,jQuery选择器,2,3,4,jQuery中的DOM操作,6,其他,50,jQuery教程和实例, http:/www.zi-,51

6、,jQuery调试方法,Firefox Firebug F12 看【控制台】 网络请求返回结果等看【网络】,52,培训测试题目（1）,1、以下哪条语句会产生运行错误： (单选 )A.var obj = ();/语法错误 B.var obj = ;/创建数组 C.var obj = ;/创建对象 2、foo对象有att属性，那么获取att属性的值，以下哪些做法是可以的：（多选） A.foo.att B.foo(“att”) C.foo“att” D.foo“att” E.foo“a”+”t”+”t” 3、改变id为one的元素的背景色为红色red. 4、改变元素名为的所有元素的背景色为red. 5、改变所有元素名为元素并且id为one的元素的背景色为red.,53,培训测试题目（2）,3、完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。 function foo() / 在此处添加代码 如果有语法不记得可