jQury选择器_Dom操作_样式_事件处理

说说库和框架的区别？

• 类库相当于封装了大量实用的函数，帮助使用者实现自己的目的，使用者只需要根据自己的需求进行调用。
• 框架趋向于提供了一套系统，使用者只需要提交材料，框架就能生成一套成品。

jQuery 能做什么？

• jQuery通过库封装，对浏览器的兼容性做了很好的支持，不需要特意考虑兼容性的情况下通过jQuery提供的API做到对页面DOM的修改等操作

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

• jQuery对象: 包装DOM对象后产生的对象，jQuery对象只能使用jQuery里的方法，同理，DOM对象不能使用jQuery里封装的方法。
• jQuery对象转换成DOM对象:[index]和.get(index)
• DOM对象只需要用$()把DOM对象包装起来，就可以获得jQuery对象

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

• .bind(): 把事件绑定到每个被选择的元素上
• .unbind(): 移除被选择元素上的绑定事件
• .delegate(): 为所有匹配选择器（selector参数）的元素绑定一个或多个事件处理函数，基于一个指定的根元素的子集，匹配的元素包括那些目前已经匹配到的元素，也包括那些今后可能匹配到的元素。
• .live(): 附加一个事件处理器到匹配目前选择器的所有元素(已弃用)
• .on(): 在选定的元素上绑定一个或多个事件处理函数(推荐)

  • $('selector').on(events[,slelctor][,data],handler(eventObject));
    

• .off(): 移除一个事件处理函数

jQuery 如何展示/隐藏元素？

• 通过.show()/.hide()方法

jQuery 动画如何使用？

• $(selector).animate({params},speed,callback);
• {params}: 类似.css()方法中的属性键值对
• speed: 执行动画的时间
• callback: 动画运行后的回调函数

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

• .html()获取元素内部的HTML 内容
• .html(value)设置元素内部的HTML 内容
• .text()获取元素内部的文本内容
• .text(value)设置元素内部的文本内容

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

• .val()获取表单用户输入的内容
• .val(value)设置表单用户输入的内容
• .attr('name')获取元素属性
• .attr('name','value')设置元素属性的值