初识Jquery

JQuery是一个快速、简洁的JavaScript框架，是继Prototype以后又一个优秀的JavaScript代码库（或JavaScript框架）。

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，作更多的事情。它封装JavaScript经常使用的功能代码，

提供一种简便的JavaScript设计模式，优化HTML文档操做、事件处理、动画设计和Ajax交互。

 

快速获取文档元素

jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，并且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果，能够开发出很是漂亮的网页，许多网站都使用jQuery的内置的效果，好比淡入淡出、元素移除等动态特效。

建立AJAX无刷新网页

AJAX是异步的JavaScript和ML的简称，能够开发出很是灵敏无刷新的网页，特别是开发服务器端网页时，好比PHP网站，须要往返地与服务器通讯，若是不使用AJAX，每次数据更新不得不从新刷新网页，而使用AJAX特效后，能够对页面进行局部刷新，提供动态的效果。

提供对JavaScript语言的加强

jQuery提供了对基本JavaScript结构的加强，好比元素迭代和数组处理等操做。

加强的事件处理

jQuery提供了各类页面事件，它能够避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各类浏览器兼容性问题。

更改网页内容

jQuery能够修改网页中的内容，好比更改网页的文本、插入或者翻转网页图像，jQuery简化了本来使用JavaScript代码须要处理的方式。

 

css()

注：css（）方法不只能获取行内样式，也能获取非行内样式

css()                                      

方法的参数有几种设置方法，

css(name)                              

获取某个元素的行内样式

css([name1,name2,name3])    

获取多个样式，返回值是一个数组；

css('name',value)                    

设置行内样式

css({

     name1:value1,

     name2:value2

})                                        

设置多个行内样式

addClass( )方法

addClass（class） 给元素添加一个class

addClass( class1 class2 class3 )给元素添加多个class

removeClass(class)  给元素删除一个class

removeClass(class1 class2 class3)给元素删除多个class

toggleClass(class) 若是元素没有当前class那么添加，若是有那么删除

css方法

width()

height()

innerWidth() 包含内边距（padding）

outerWidth()包含内边距和边框(padding border)

offset()  获取某个元素相对于浏览器窗口(可视区域的距离)

position()获取某个元素相对于父元素的偏移距离

scrollTop()获取垂直滚动条的值；

scrollTop(value)设置垂直滚动条的值;

scrollLeft()获取水平滚动条的值；

scrollLeft(value)设置水平滚动条的值;