jQuery面试题

前端面试题之–jQuery

在我面试的过程中，关于jQuery的技术问题涉及的比较少，所以我也是简单整理了一下，希望对大家有所帮助

Jquery是什么？

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

jQuery 能做什么？

1 获取页面的元素

2 修改页面的外观

3 改变页面大的内容

4 响应用户的页面操作

5 为页面添加动态效果

6 无需刷新页面，即可以从服务器获取信息

7 简化常见的javascript任务

jQuery 库中的 $() 是什么？

$()函数是jQuery()函数的别称，$() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。

jQuery的核心特性可以总结为：
①具有独特的链式语法和短小清晰的多功能接口；
②具有高效灵活的css选择器，并且可对CSS选择器进行扩展；
③拥有便捷的插件扩展机制和丰富的插件。

Javascript与jQuery有什么区别？

jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。

在jQuery中如何注册事件？

使用bind()方法注册事件，但通常我们使用与事件同名的方法注册更方便，如：click()、hover()等。

如何获取Html内容？如何获取文本内容？如何获取属性值？如何获取input值？如何创建新的节点？

可以使用html()获取html内容。
使用text()获取文本内容。
使用attr()可以获取属性值，使用css()可以获取样式属性值。
通过val()便可以获取input的值
把节点元素名加上<、>作为参数调用jQuery方法便可创建新节点,如：jQuery(“

如何向页面插入节点？

调用append方法，将新节点作为参数。

ajax、get、post、ajaxSetup、getJSON各有何用途？

①ajax：jQuery对ajax执行的核心方法。其它ajax方法都是使用该方法实现。
②get：专门用于发送get请求的便捷方法。
③post：专门用于发送post请求的便捷方法。
④ajaxSetup：设置调用ajax方法时的默认值。
⑤getJSON：专门用于向服务器请求json格式数据的便捷方法。

如何使用从服务器获取一个复杂数据（对象）？

①通常会把这个数据转换为通用的数据交换格式，如xml或json。由于xml解析比较麻烦，所以使用json比较多。
②在jQuery中有专门的获取服务器json数据的方法，getJSON()，在回调中，jQuery会自动将json转换为javascript对象。

Jquery与jQuery UI 有啥区别？

jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。

jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。 提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。

$(document).ready()方法和window.onload有什么区别？

(1)、window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。

(2)、$(document).ready() 方法可以在DOM载入就绪时就对其进行操纵，并调用执行绑定的函数。

jquery中的选择器

(1)、基本选择器：#id，class,element,*;

(2)、层次选择器：parent > child，prev + next ，prev ~ siblings