jQuery考试题及面试题

1. $(document).ready() 是个什么函数？为什么要用它？

答：当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

使用$(document).ready()的最大好处在于它适用于所有浏览器，jQuery帮你解决了跨浏览器的难题

2. jquery中$.get()提交和$.post()提交有区别吗？

答：相同点：都是异步请求的方式来获取服务端的数据

不同点：

1) 请求方式不同：$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。

2）参数传递方式不同：get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对用户不可见的。

3) 数据传输大小不同：get方式传输的数据大小不能超过2KB 而POST要大的多

4）安全问题： GET 方式请求的数据会被浏览器缓存起来，因此有安全问题

3. 如何来设置和获取HTML 和文本的值？

答：设置和获取HTML的值使用html()方法，设置和获取文本的值使用text()方法

<p><strong>春</strong>来江水绿如蓝</p>
<script>
$("p").html();   //获取的结果的是： <strong>春</strong>来江水绿如蓝
$("p").text();   //获取的结果的是：春来江水绿如蓝
</script>

4.jQuery中 detach() 和 remove() 方法的区别是什么?

答: 两者的共同之处在于都不会把匹配的元素从jQuery对象中删除

不同之处在于用remove()删除的元素，除了元素被保留，其他的在这个元素上的绑定事件等都会被移除，但是detach()方法不会移除这个元素上的方法或者是附加数据。

5. jquery中attr和prop的区别

prop 和 attr 均可获取属性值，但 prop 不扫描源码来获取而是根据页面的信息

官方建议具有true和false两个值的属性使用prop方法来获取或者设置，如：checked、selected或disabled等，其他的属性使用attr()方法进行设置和获取

6. jQuery 里的 ID 选择器和 class 选择器有何不同？

答：class选择器获取到的是一类对象的集合，id选择器获取的是一个对象

7. $(this) 和 this 关键字在 jQuery 中有何不同

答：$(this) 返回一个 jQuery 对象，可以使用它调用多个 jQuery 方法；而this是javascript中表示上下文中的当前DOM元素，不能用它来调用jQuery中的方法，直到它被$()函数包裹。

8.请简述window.onload和$(document).ready()的区别

答：window.onload ：必须在页面所有元素（包括图片，引用文件）加载完后执行

$(document).ready() ：是页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片可能没有加载完。

9.写出5个以上的jQuery的选择器

id选择器、类选择器、群组选择器、子代选择器、后代选择器、标签选择器、表单选择器

10. jQuery中bind()方法和on方法有什么不同？

bind() 方法只能给绑定元素添加事件，on()方法不使用第二个参数时与bind()相同

on方法可以将子元素的事件委托给父元素进行处理;on方法可以给动态创建的元素绑定事件。

11. JavaScript中DOM对象和jQuery中对象怎样互相转化？

答: js对象转jQuery对象使用$()即可

jQuery对象转js对象使用数组索引的方式或者get()方法