jQuery介绍与语法基础.pptVIP

XXT技术内部交流学习！ jQuery介绍与语法基础 一、jQuery介绍 jQuery是一个以前未曾有过的JavaScript库。 他快速、简洁，能够很轻易地处理HTML文档控制事件、给页面添加动画和Ajax效果。 jQuery是为了改变JavaScript的编写方式而设计的。 他适合所有人：设计师、开发人员、极客、商业应用... jQuery是继prototype之后又一个优秀的Javascrīpt框架。 有人使用这样的一比喻来比较prototype和jquery：prototype就像Java，而jquery就像ruby。 个人理解: 如果说js是汇编语言的话,jquery就是C语言。它帮我们屏蔽了底层实现，达到随心所欲 网上的其他评价 其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 它是轻量级的js库(1.4.2压缩后只有24k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。 jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 优雅,高效，jQuery能够使用户的html页保持代码和js内容分离，可被缓存, 不用再在html里面插入一堆js来调用命令了。 如何学习jQuery 不要以为jQuery很神秘：只是对赤裸的js操作穿了一件外衣 JS CSS Ajax Dom基础很重要 jQuery 包装器是jQuery的基础 一定要掌握其CRUD Jquery Hello World 引入jquery.js包 固定模式： $(document).ready(function(){ //自定义操作 })，见HelloWorld.html及documentready.html 与window.onload比较及对于$的理解 不得不说的 $ 构造器 可以接受的内容： 1: 空： “” null undefined 2: DOM节点及其数组 3: Sting :各种选择器 4: HTML片段 5: function ： $(document).ready(function(){})的变形 有关jquery本质 Myjquery.html 二、jQuery语法基础 2.1 jQuery选择器 2.2 操作jQuery包装元素集 2.3 操作元素属性/样式/内容 2.4 事件处理 2.1 jQuery selectors 2.1.1 CSS selectors:CSS选择器 2.1.2 Child container attribute selectors 子选择器，容器选择器,属性选择器 2.1.3 Select by position:位置选择器 2.1.4 Using Costom jQuery selectors: jquery自定义选择器 CSS selector a ＃specialID .specialClass p a.specialClass CSS选择器,子选择器及属性选择器 位置选择器 位置选择器 jQuery custom selectors(jquery自定义选择器) 2.2 操作jQuery包装元素集 构造HTML片段(DOM结构) 获得元素集大小（size方法及length属性） 从元素集中获取单个元素 拆分元素集 通过关系获取元素集 更多用法 Manage jQuery Chains（链管理） 个人的理解： jquery对象即包装元素集，是一个集合，所以可以有数组一样的操作 Generate new HTML eg: $(div) $(div class=fooI have foo!/divdivI dont/div).filter(.foo).click(function() { alert(Im foo!); }).end().appendTo(#console);试一下效果:newHtml.html size方法 get方法 DOM与Jquery对象互化 jQuery对象转成DOM对象: index方法 add方法 not方法 filter方法 slice方法 更多方法：find contains方法 is方法 Manage jQuery chains end andSelf end方法 andSelf方法 2.