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选择器相匹配。如果两种检查的结果都为真的话，它就执行函数。

• on

$("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)