JQuery

说说库和框架的区别？
库：library，相当于工具箱一样的，便于我们简化流程，提高效率。我们可以随便使用，去搭建我们想要完成的效果。
框架： 相当于房子的结构，结构已经打好了，就让我们自己去添加东西。框架是牵着我们按照它的规则走。

jquery 能做什么？
它能让我们像选择css方式一样去选择元素，也能让我们快速添加，删除、修改元素和属性，类名，实现跨浏览器使用。

jquery 对象和 DOM 原生对象有什么区别？如何转化？
区别：
jquery对象是jquery得来的，是对DOM原生对象的包装，拥有jquery的属性和方法。console.log()则会得到一个[对象]，近似一个类数组对象。
DOM原生对象：DOM是浏览器提供我们的api,让我们能去操作文档。而其中的原生对象就是dom上的元素。同时具有相关的内置的原生对象的方法和属性
转化：DOM原生对象--->jquery对象：$('DOM对象’），就是加上$()；
jquery对象--->DOM原生对象： $('DOM对象')[index],就是加上下标；

jquery中如何绑定事件？bind、unbind、delegate、live、on、off都有什么作用？推荐使用哪种？使用on绑定事件使用事件代理的写法？
在jquery-1.7之后使用on()方法，之前的版本使用：bind,delgate
bind:
在jquery老式版本的绑定事件的方法，已废弃，形式为.bind( eventType [, eventData ], handler(eventObject) )
unbind：
jquery老式版本的解绑事件的方法，已废弃，形式为.unbind( [eventType ] [, handler(eventObject) ] )
delegate：在jquery老式版本的绑定事件的方法，已废弃，类似于on；形式.delegate( selector, eventType, handler(eventObject) )
live:
在jquery -1.7版本的绑定事件的方法，已废弃，形式跟delegate很相似，不过它会默认把代理绑定到document上，这就带来执行很慢的问题，基本上被废弃
on:
jquery-1.7版本开始提供的绑定事件的方法 ，形式：.on( events [, selector ] [, data ], handler(eventObject) )
off:
jquery提供的解绑事件的方法，现在仍在使用，形式：.off( events [, selector ] [, handler(eventObject) ] )
推荐使用：on,off
$('div').on('click','button',function(){}); //绑定在div的button元素上

jquery 如何展示/隐藏元素？
1、将元素的style属性中的visibility:hidden; 先判断是不是有style属性，有就删除，无则加
2、给元素添加类名，类名中的样式设置visibility：hidden，先判断是否有类名，有就删，无就加
具体看demo，有注释！
地址：https://github.com/komolei/demo/blob/master/JQuery/index.html
新增在JQuery中有相关的方法，hide()：隐藏；show()：展示 ；toggle()：显示或隐藏匹配的元素

jquery 动画如何使用？
动画：使用 animate方法，具体为$selector.animate( properties [, duration ] [, easing ] [, complete ] )
其中properties
类型: [PlainObject]
一个CSS属性和值的对象,动画将根据这组对象移动。
duration (默认: 400)
类型: [Number]
一个字符串或者数字决定动画将运行多久（注：默认值: "normal"， 三种预定速度的字符串("slow", "normal", 或 "fast")或表示动画时长的毫秒数值(如：1000) ）
easing (默认: swing)
类型: [String]
一个字符串，表示过渡使用哪种缓动函数。（注：jQuery自身提供"linear" 和 "swing"）
complete
类型: [Function]
在动画完成时执行的函数。

如何设置和获取元素内部 HTML 内容？如何设置和获取元素内部文本？
$('e').html();--->设置和获取元素内部的HTML内容（包括HTML结构）
$('e').text();--->设置和获取元素内部文本

如何设置和获取表单用户输入或者选择的内容？如何设置和获取元素属性？
$(selector).val();设置和获取表单用户输入或者选择的内容
$(selector).attr();设置和获取元素属性

使用 jquery实现如下效果
demo: https://github.com/komolei/demo/blob/master/JQuery/%E5%AF%BC%E8%88%AA1.html

导航demo:
1、https://github.com/komolei/demo/blob/master/JQuery/tab%E5%88%87%E6%8D%A2.html
2、https://github.com/komolei/demo/blob/master/JQuery/tab%E5%88%87%E6%8D%A22%E4%B8%8D%E5%8A%A0div%E7%9A%84.html
3、https://github.com/komolei/demo/blob/master/JQuery/tab%E4%BD%BF%E7%94%A8hover.html

代理demo:
1、https://github.com/komolei/demo/blob/master/JQuery/%E4%BB%A3%E7%90%86%E4%B9%8B%E4%BD%BF%E7%94%A8%E4%BA%86%E5%87%BD%E6%95%B0%E8%B0%83%E7%94%A8%E5%92%8C%E9%97%AD%E5%8C%85.html
2、https://github.com/komolei/demo/blob/master/JQuery/%E4%BB%A3%E7%90%86.html