Jquery常用方法集合

• jquery 的作用

write less , do more
原生js 写个轮播，jq几行就可以搞定。简化操作.便于维护.兼容性好.还有一系列插件用。还可以自己封装插件给别人用。

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

jq对象只能用jq里的提供的方法去操作
Dom原生对象只能用原生的方法去操作
jq - > 原生Dom $(this) -> $(this)[0]（$(this).get(0)）
原生Dom - > 原生Dom this -> $(this)

普通的Dom对象可以用$()包装起来转换为jQuery对象: $(document.getElementById('#test').html()
jq 对象本身本身是一个集合，要转换为Dom对象,可通过数组索引取出。
1.$(node).get(0)
2.$(node)[0]

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

bind unbind delegate live jq的低版本有 新版本新增了on() 和off()方法。
bind 和 unbind
bind 匹配所有对应的元素添加事件
unbind()如果没有参数，则移除所有事件
live
使用事件代理 , 为后加进来的的元素也添加了事件.
delegate
事件代理为父元素添加事件，通过冒泡传递给父元素做出响应。
.on() (events[,selector],[,data],handler)
events还可以这样写 比如 click.toggle 添加命名空间 方便特指的那个
events 与 handler 必须加 [,selector],[,data],可选
不加 [,selector] 简单的绑定。
加 [,selector] 使用事件代理
.off()参数为事件类型。如果后面不跟命名空间则删除所有的绑定事件

$('el').on('click',function(){})
$('el').on('click.toggle',function(){})
$('el').on('click',{name: 'lii',age: 34'},function(e){console.log(e.data})

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

$(el).show()
$(el).hide()
相互转换状态
$(el).toggle()

• jquery 动画如何使用？
  .animate()
  定义多个参数使用{}形式，比如
  .animate({width: '20px',height: '30px'})
• 题目7：如何设置和获取元素内部 HTML 内容？如何设置和获取元素内部文本？

html
$(el).html()获取
$(el).html(.....)设置
text
$(el).text()获取
$(el).text(.....)设置

• 题目8：如何设置和获取表单用户输入或者选择的内容？如何设置和获取元素属性？
  input
  $(el).val(....)设置
  $(el).html()获取

attr
$(el).attr()设置 (一个参数是获取）
$(el).attr()获取 （2个参数是设置）