掌握JQuery：WEB面试题及答案解析

小伙伴们大家好啊!今天浙江优就业的小U老师为大家带来了WEB的面试题呢~~

1、你使用过jQuery吗?如果有，你为什么要使用jQuery呢?

①用过。

②如果使用原生java开发的话，会面临很多问题，如浏览器兼容、Ajax数据解析、Dom、事件注册操作等都非常烦锁，而jQuery正好解决了这些问题。

③当然jQuery还有非常有用的其它特性，如为dom对象绑定数据、动画、等。并且jQuery还非常容易扩展，在它的基础上开发非常灵活，也有众多的插件可用，如jQueryUI、easyUI等。

2、Java与jQuery有什么区别?

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

3、在jQuery中如何注册事件?

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

4、你知道jQuery插件吗?你了解jQuery执行原理和插件机制吗?你都用过哪些jQuery插件?

①知道jQuery插件。

②其原理是扩展jQuery本身及其核心函数的原型实现。可以调用其extend实现对它的扩展。

③jQuery插件有很多，常见的有：jQueryUI、jQuery-Cookie、jQuery-Timer等。

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

可以使用html()获取html内容。

使用text()获取文本内容。

使用attr()可以获取属性值，使用css()可以获取样式属性值。

通过val()便可以获取input的值

把节点元素名加上<、>作为参数调用jQuery方法便可创建新节点,如：jQuery(“

”)。 6、如何向页面插入节点?

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

7、ajax、get、post、ajaxSetup、getJSON各有何用途?

①ajax：jQuery对ajax执行的核心方法。其它ajax方法都是使用该方法实现。

②get：专门用于发送get请求的便捷方法。

③post：专门用于发送post请求的便捷方法。

④ajaxSetup：设置调用ajax方法时的默认值。

⑤getJSON：专门用于向服务器请求json格式数据的便捷方法。

8、如何使用从服务器获取一个复杂数据(对象)?

①通常会把这个数据转换为通用的数据交换格式，如xml或json。由于xml解析比较麻烦，所以使用json比较多。

②在jQuery中有专门的获取服务器json数据的方法，getJSON()，在回调中，jQuery会自动将json转换为java对象。

9、bind()、unbind()、hover()有何用途?

bind()：注册特定事件。

unbind()：删除特定事件。

hover()：同时注册鼠标移入、移出事件。

10、如何获取一个元素的实际位置?

使用position()或offset()都可以。

11、addClass、css有何用途?

①addClass：为元素设置class属性，如果该元素已经存在class属性，则在其值后添加空格及新的class值。

②css：操作元素的style属性的方法。