进阶-任务14

库和框架的区别

• 库可以认为是很多工具的集合，在开发时我们使用库中的工具来简化开发流程
• 框架是一种结构，可以看做是一个开发平台。开发者遵循一定的规则来开发符合自己需求的产品

jquery 能做什么？

jquery是一个javascript库，通过调用jquery提供的API使得处理如HTML文档遍历、DOM操作、事件处理、动画以及Ajax变得更简单，并且能够解决浏览器兼容性问题。

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

DOM原生对象具有原生JS的属性和方法
jquery对象是一个类数组对象，是对DOM原生对象的一个封装，不具有原生JS的方法，具有jquery对象自己的属性和方法

// DOM to jquery
$btn = $(btn)
// jquery to DOM
btn = $btn[0]

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

• 一般使用.on( events [, selector ] [, data ], handler )绑定事件
• bind,unbind: jQuery 3.0中已弃用此方法
• delegate:指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。jQuery 3.0中已弃用此方法
• live:Query 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。从 jQuery 1.7 开始，不再建议使用 .live() 方法。
• on, off:在选择元素上绑定/解绑一个或多个事件的事件处理函数。推荐使用。

$('#ct').on('click', 'li', function(e) {
  alert('hello')
})

jquery 如何展示/隐藏元素

$('#ct').show()
$('#ct'),hide()

jquery 动画如何使用

动画demo

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

• 设置元素内部 HTML 内容/文本

$ct.html('<span>hello</span>')
$ct.html()

• 获取元素内部 HTML 内容/文本

$ct.text('hello')
$ct.text()

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

$input.val()
$input.val('abc')
$img.attr('src')
$img.attr('src','/img/1/png')