关于jquery的一些总结

问答：

• 说说库和框架的区别？
  答：
  库是一些方法的集合，类似于工具，直接拿来用的。
  而框架是有着一定的规范，类似于搭一个架子，需要什么内容按照它自己的规范去填充。大部分框架设计是基于MVC,MVVC模式的，如Angular，React等。

• jquery 能做什么？
  答：
  jquery是一个轻量级的js库，实现了各种方法的封装，有良好的兼容性。方便的操作DOM元素，css的操作，元素事件绑定，各种动画效果的实现，ajax请求。

• jquery 对象和 DOM 原生对象有什么区别？如何转化？
  答：
  jquery对象返回的结果是类数组对象，只能用自己的方法。
  DOM原生对象是一个DOM节点，只能使用DOM元素的属性和方法。

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

$(".btn").click(function(){ 
console.log("这是jq绑定事件的第一种方法")})
$(".btn").bind('click',function(){
 console.log("这是jq绑定事件的第二种方法")})
$(".btn").on('click',function(){ 
console.log("这是jq绑定事件的第三种方法")})

绑定事件各种写法的作用:
1、 .bind()方法用于把事件绑定到选中的元素上，只针对已存在的元素进行事件绑定。
2、 .unbind(),bind()的反向操作，从每一个匹配的元素中删除绑定的事件。
3、 .delegate(),为每一个符合条件的子元素绑定事件处理函数，类似于事件代理。
4、 .live()，事件处理函数绑定到document上，经过层层冒泡，直到目标元素。（被废弃）
5、 .on().on(events,[selector],[data],fn)events: 一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myContainer";selector: 用于过滤器出被选中元素可以触发事件后代元素;data: 当事件触发时，传递事件数据。fn: 事件触发时，执行的函数。
6、 .off()，移除on绑定的事件处理程序.
on事件代理的写法:

$(".info").on("click","span",function(e){ 
console.log("123");}) //当class名为info的元素下的任何一个span元素进行点击事件操作时，都会代理到.info上。

• jquery 如何展示/隐藏元素？

$(selector).show(); //显示元素
$(selector).hide(); //隐藏元素
$(selector).toggle(); //显示隐藏元素相互切换

• jquery 动画如何使用？
  答：
  $(selector).animate({styles},speed,callback);
  styles定义形成动画的css属性（必选项）
  speed是完成动画所需要的时间，值可设为 slow ，fast ，毫秒（可选项）
  callback是动画完成后所执行的回调函数（可选项）.

• 如何设置和获取元素内部 HTML 内容？如何设置和获取元素内部文本？
  答：
  $(selector).html() 获取元素内部html内容$(selector).html(value) 设置元素内部html的内容为value$(selector).text() 获取元素内部文本$(selector).text(value) 设置元素内部文本内容为value（如果带标签，会被解析为字符串输出）

• 如何设置和获取表单用户输入或者选择的内容？如何设置和获取元素属性？
  答：
  $(selector).val() 获取表单用户输入的内容$(selector).val(value) 设置表单的值为value
  $(selector).attr(attributeName)获取元素属性 $(selector).attr(attributeName,value) 设置元素属性的值为value$(selector).removeAttr(attributeName) 移除元素属性

代码题一
代码题二
代码题三