jQuery基础

1.库和框架的区别？

• 库（library）
  库是将代码集合成的一个产品，供程序员调用。面向对象的代码组织形式而成的库也叫类库。面向过程的代码组织形式而成的库也叫函数库。
  e.g. jQuery

• 框架（framework）
  框架则是为解决一个(一类)问题而开发的产品，框架用户一般只需要使用框架提供的类或函数，即可实现全部功能。可以说，框架是库的升级版。
  e.g. AngularJS、React

参考资料

2.jQuery 能做什么？

• 可以更快捷方便的实现原生Js的方法
• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX

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

jQuery对象相当于对于DOM对象做了一个封装，这样jQuery对象可以使用一系列的方法

$('div')[i] //可通过对jQuery后添加数组下标进行转化
$( )  //原生对象添加 即可转化为jQuery对象

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

• bind (已弃用）
  $('p').bind( )为每个匹配元素的特定事件绑定事件处理函数。

• unbind (已弃用）
  $('p').unbind( )从每一个匹配的元素中删除绑定的事件。

• delegate (已弃用）
  为所有匹配选择器（selector参数）的元素绑定一个或多个事件处理函数，基于一个指定的根元素的子集，匹配的元素包括那些目前已经匹配到的元素，也包括那些今后可能匹配到的元素。

• live (已弃用）
  将委托的事件处理程序附加到一个页面的document元素，从而简化了在页面上动态添加的内容上事件处理的使用。

• off
  .off( )从每一个匹配的元素中删除绑定的事件。

• on
  提供绑定事件处理程序所需的所有功能

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

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

6.jQuery 动画如何使用？

使用时需要注意类似于font-size这种样式需要用驼峰方式来写fontSize;
另外如有需要进行位移变化，需要对元素设置定位属性，absolute,relative,fixed

element.animate(
{color:red;fontSize:20px},   //必选参数
4000,
function( ){ }
)```
![](https://img.haomeiwen.com/i2755981/179accc489b94a3f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

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

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

$(selector).val()

获取匹配元素的当前（输入/选择）值，如果多选，将返回一个数组，其包含所选的值。

$(selector).attr(attribute,value)

attribute参数为必填，代表了想要定位的属性，而value参数选填，未填为查找，填写后代表修改为 将属性值改为valu。