JQuery培训(一).pptx

Jquery选择器Jquery系列培训课程（一）技术管理委员会主要内容1.JQUERY概述2.开发一个Hello world3.JQUERY选择器1. JQUERY概述 是什么? 是一个快速简洁的JavaScript库简化HTML文档遍历，事件处理，动画特效，Ajax交互操作加速 Web 开发1. Jquery概述 能做什么? 1.取得页面元素2.修改页面外观3.改变页面内容4.响应用户界面操作5.为页面添加动态效果6.无刷新页面与服务器端交互7.简化Javascript的任务The Write Less Do More1. Jquery概述为什么?1.利用CSS的优势2.支持扩展3.抽象浏览器的不一致4.总是面向集合5.连缀操作1. Jquery概述案例/themeroller/J/themeroller/Q/themeroller/uery/themeroller/ UI/J/Q/uery/ easy UI/demo/J/demo/Q/demo/uery/demo/ /demo/mini UI2. 开发一个Hello world下载添加JQuery 脚本引用在VS2012中实现jQuery的智能提示 $(document).ready(callback)3.JQuery选择器1、基本选择器#id element.class*selector1,selector2,selectorN3.JQuery选择器2、层次选择器3.JQuery选择器3、内容筛选器:contains(text) :empty :has(selector) :parent 3.JQuery选择器4、表单选择器:button :password :checkbox :radio :file :reset :hidden :submit :image :text :input :header 3.JQuery选择器5、方法筛选3.JQuery选择器6、属性筛选[selector1][selector2][selectorN] :hidden :visible :checked :disabled :enabled :selected [attribute*=value] [attribute!=value] [attribute$=value] [attribute=value] [attribute] [attribute^=value] 谢 谢Jquery。如果你曾经花过时间试着给页面增加动态的功能，就会发现经常遵循一下模式“选择一个或者一组界面元素，然后用某种方式操作(显示或者隐藏元素，更改样式)，或者让这些元素具备一定的行为”演示一个例子突出显示Jquery如何使用更少的代码去完成一个javascript客户端脚本特效介绍Jquery优点，结合上面的例子收集反馈反馈