jquery（一）

1.说说库和框架的区别？

库的英语为 Library ( 简写 Lib )，框架的英语为 Framework。
库是将代码集合成的一个产品，供程序员调用。面向对象的代码组织形式而成的库也叫类库。面向过程的代码组织形式而成的库也叫函数库。
框架则是为解决一个(一类)问题而开发的产品，框架用户一般只需要使用框架提供的类或函数，即可实现全部功能。可以说，框架是库的升级版。开发者在使用框架的时候，必须使用这个框架的全部代码。
库未提供，我们也可以自己做。库的使用非常灵活，但没有框架方便。

2.jquery 能做什么？

jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
jQuery库包含以下功能：
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
除此之外，Jquery还提供了大量的插件。

3. jquery 对象和 DOM 原生对象有什么区别？如何转化？

原生DOM对象拥有原生JS的逻辑和用法
jquery对象是对原生DOM对象进行封装后的一个对象，不再拥有原生JS的一些用法，而是拥有jquery的逻辑和用法
可通过对jQuery后添加数组下标进行转化，例如$obj[0]
原生对象添加$即可转化为jQuery对象，例如$(DOMobj)

4. jquery中如何绑定事件？bind、unbind、delegate、live、on、off都有什么作用？推荐使用哪种？使用on绑定事件使用事件代理的写法？

bind

$('a').bind('click', function() {
 alert("That tickles!") 
});

JQuery扫描文档找出所有的$(‘a’)元素，并把alert函数绑定到每个元素的click事件上。

live

$('a').live('click', function() {
 alert("That tickles!")
 });

JQuery把alert函数绑定到$(document)元素上，并使用’click’和’a’作为参数。任何时候只要有事件冒泡到document节点上，它就查看该事件是否是一个click事件，以及该事件的目标元素与’a’这一CSS选择器是否匹配，如果都是的话，则执行函数。

delegate

$('#container').delegate('a', 'click', function() { 
alert("That tickles!") 
});

JQuery扫描文档查找$(‘#container’)，并使用click事件和’a’这一CSS选择器作为参数把alert函数绑定到$(‘#container’)上。任何时候只要有事件冒泡到$(‘#container’)上，它就查看该事件是否是click事件，以及该事件的目标元素是否与CCS选择器相匹配。如果两种检查的结果都为真的话，它就执行函数。

$("button").on('click', function(){
 console.log(e); 
console.log(this);
console.log($(this));
});

on事件绑定把上面三种方法统一了，用起来更方便

5. jquery 如何展示/隐藏元素？

&('element').show( ); //显示元素
$('element').hide( )；//隐藏元素

6. jquery 动画如何使用？

JQuery提供了.animate方法进行自定义动画

7. 如何设置和获取元素内部 HTML 内容？如何设置和获取元素内部文本？

$('element').html( ) //获取html内容
$('element').html('add content' ) //设置html内容
$('element').text( ) //获取文本内容
$('element').text('add content' ) //设置文本内容

8. 如何设置和获取表单用户输入或者选择的内容？如何设置和获取元素属性？

使用Jquery选择器选择input元素后，调用.val()即可获取输入的内容；在.val()中传递参数即可设置input的内容。

$(selector).val()

使用JQuery选择器选择元素后，调用attr(attribute,value)即可获取元素置顶属性的值，attribute参数为必填，代表了想要定位的属性，而value参数选填，未填为查找，填写后代表修改为将属性值改为value

$(selector).attr(attribute,value)