库和框架的区别？
框架也算是库的一种，但倾向于重量级一些，倾向于提供整套的解决方案，倾向于创造一些需要你来遵守的规则和范例。
比如 AngularJS 就算是一个框架，因为它提供了一整套的解决方案，需要你按照它设计好的方式来写代码。而 jQuery 的分类则比较模糊一些，可以说是库，也可以说是框架。
简单来说，当使用框架时，你需要按照框架的规则来code；而试用库时，你只需要调用库中的方法来满足你自己的需求即可，思想还是自己的。
jQuery 能做什么？
jQuery的精髓是"write less, do more"，意味它帮你封装了大量解决兼容性后的常规方法，你只需要合理的调用这些简化后的方法即可。
常用的方法有：
1.方便操作DOM元素
2.动态修改页面样式
3.为页面添加动态效果（如：淡入淡出）
4.统一AJAX操作
5.简化常见的js任务
jQuery 对象和 DOM 原生对象有什么区别？如何转化？
DOM对象是通过原声JS代码来获取的对象，也只能用原生JS进行操作；
jQuery对象是通过jQuery选择器获得对象，可以用jQuery方法进行操作；jQuery对象是一个类数组，类数组中的元素是DOM对象（可以为空）。
DOM对象—>jQuery对象：（用$()来包裹）
<div id="test"></div>
var dom = document.getElementById("test"); //<div id="test"></div>
var $jquery = $("#test"); // [<div id="test"></div>]
$(dom); //[<div id="test"></div>]
jQuery对象 —> DOM对象： .get(index)或是.[index]
$jquery[0]; //<div id="test"></div>
$jquery.get(0); //<div id="test"></div>
$jquery.eq(0); //[<div id="test"></div>] ; eq()还是jQuery对象。
jquery中如何绑定事件？bind、unbind、delegate、live、on、off都有什么作用？推荐使用哪种？使用on绑定事件使用事件代理的写法？
jQuery中有很多绑定事件的方法：
- .bind()
- .live()
- .delegate()
- .on()
其中，上面三个是早期jQuery版本的方法，现在统一用on()即可，但是我们也可以了解一下其中的思想。
.bind()：该方法用于直接将事件绑定在选中的元素上，所以.bind()在绑定事件的时候被选的元素必须存在；使用一次.bind()选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind()才行；
.unbind():是与.bind()相对应解绑的方法，该方法的参数为所解绑的事件，若无参数则解绑所有事件。
.live()：
默认使用了事件代理（绑定在祖先元素上的事件处理程序可以对后代上触发事件作出回应），没有将事件直接绑定在该元素上，而是绑定在document
元素上（DOM树的根节点），所以很不方便，不建议使用。
<body>
<div class="clickme">Click here</div>
</body>
<script>
$('.clickme').live('click', function() {
alert("Live handler called."); //事件冒泡`document`元素上，查看事件类型是否是click
//目标元素和选择器.clickme否匹配，
//是则执行绑定的事件处理函数；
});
</script>
.delegate()：对于早期jQuery版本（1.7以前），.delegate是使用事件代理最有效的方式,
<div style="background-color:red">
<p>这是一个段落。</p>
<button>请点击这里</button>
</div>
<script>
$('div').delegate('button','click',function(){
$('p').slideToggle(); //将事件绑定到$('div')上，事件冒泡到$('div')上
}) //查看是不是click事件，目标元素是不是button，如果都满足，就执行函数
</script>
.on()：（1.7版本后.on()取代了.bind(),.live(),.delegate()，提供绑定事件处理的所有功能，强烈推荐！
$("body").on("click", "p", function(){
alert( $(this).text() ); //当点击段落时，显示该段落中的文本
});
.off()：移除用.on()绑定的事件处理程序。
jQuery 如何展示/隐藏元素？
- 隐藏：
.hide(speed,callback)
其中speed为毫秒数（也可以是fast,nomal,slow这些字符），callback是回调函数，意为当经过speed后执行回调函数，两者均为可选参数； - 显示：
.show(speed,callback)
参数同上 - 取反：
.toggle(speed,callback)
参数同上，意为当前为hide则show，当前为show，则hide;`
jQuery 动画如何使用？
jQuery自己设定了几种动画模式：
-
slideUp(speed),slideDown(speed),slideToggle(speed)：
经过实验可知，hide()和show()都是从左上角逐渐收缩或展开的，slideUp()与slideDown()则提供了从垂直方向上的收缩或展开，同理slideToggle()则是根据具体情况来判断是收缩还是展开； -
fadeIn(speed)，fadeOut(speed)，fadeToggle(speed)：
这是淡入淡出效果，其原理是不断地调整DOM的opacity，用法和字面效果相同； - 请参考更多的效果API
当然更加强大的是用animate({params},speed,callback*)来自定义动画：
参数分别为：
- 必需的 params 参数定义形成动画的 CSS 属性。
- 可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
- 可选的 callback 参数是动画完成后所执行的函数名称。
需要注意的是{params}中的CSS属性要按照JavaScript的规则写，如：background-color应写成backgroundColor;
同时animate队列是通过调用多个animate()动画，从而按照顺序逐一实现动画效果，如
$("button").click(function(){
var div=$("div");
div.animate({height:'300px',opacity:'0.4'},"slow");
div.animate({width:'300px',opacity:'0.8'},"slow");
div.animate({height:'100px',opacity:'0.4'},"slow");
div.animate({width:'100px',opacity:'0.8'},"slow");
});
还有快速终止，或停止动画的方法：
-
finish()迅速完成动画至最终状态； -
stop()停止队列中当前位置的动画，直接转入队列中的下一个位置；
jQuery如何设置和获取元素内部 HTML 内容？如何设置和获取元素内部文本？
- 获取HTML：
$(selector).html(); - 修改HTML：
$(selector).html(anything); - 获取文本 ：
$(selector).text(); - 修改文本 ：
$(selector).text(anything);
如何设置和获取表单用户输入或者选择的内容？如何设置和获取元素属性？
-
$(selector).val()获取匹配元素的当前（输入/选择）值，如果多选，将返回一个数组，其包含所选的值。例如：
如果select元素中 没有选择项被选中，它返回null;
如果select元素有multiple（多选）属性，并且至少一个选择项被选中，.val()方法返回一个数组，这个数组包含每个选中选择项的值；
在val()中添加参数，即为想要输入的值； -
$(selector).attr(attribute,value);
attribute参数为必填，代表了想要定位的属性，而value参数选填，未填为查找，填写后代表修改为 将属性值改为valu。e
