jQuery成神之面试题

1.Jq中get和eq有什么区别?
get() :取得其中一个匹配的元素。num表示取得第几个匹配的元素，get多针对集合元素，返回的是DOM对象组成的数组eq():获取第N个元素，下标都是从О开始，返回的是一个JQuery对象

2.Jq绑定事件的几种方式? on bind ?
jQuery中提供了四种事件监听方式，分别是bind、~~live~~ 、delegate、on，对应的解除监听的函数分别是unbind、 die、undelegate、off
Bind( )是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数;
~~Live( )~~ 可以对后生成的元素也可以绑定相应的事件,处理机制就是把事件绑定在DOM树的根节点上，而不是直接绑定在某个元素上,已过时;
Delegate( )采用了事件委托的概念，不是直接为子元素绑定事件，而是为其父元素(或祖先元素也可)绑定事件，当在 div内任意元素上点击时，事件会—层层从event target向上冒泡，直至到达你为其绑定事件的元素;
on()方法可以绑定动态添加到页面元素的事件，on()方法绑定事件可以提升效率;

3. 28.Jq中如何将一个jq对象转化为dom对象?
方法—∵
jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。如: var $v =$("#v");//jQuery对象
var v=$v[0];//DOM对象
alert(v.checked)//检测这个checkbox是否被选中
方法二∶
jQuery本身提供，通过.get(index)方法，得到相应的DOM对象如: var $v=$("#v");//jQuery 对象
var v=$v.get(0);//DOM对象
alert(v.checked)//检测这个checkbox是否被选中

4. $(function()0)和window.onload和$(document).ready(function()0)
window.onload:用于当页面的所有元素，包括外部引用文件，图片等都加载完毕时运行函数内的函数。load方法只能执行一次，如果在js 文件里写了多个，只能执行最后一个。
$(document).ready(function()()和$(function()0)都是用于当页面的标准 DOM元素被解析成DOM树后就执行内部函数。这个函数是可以在js文件里多次编写的，对于多人共同编写的js 就有很大的优势，因为所有行为函数都会执行到。而且$(document).ready()函数在 HMTL结构加载完后就可以执行,不需要等大型文件加载或者不存在的连接等耗时工作完成才执行，效率高。
var v=$v[0];//DOM对象
alert(v.checked)//检测这个checkbox是否被选中
方法二∶
jQuery本身提供，通过.get(index)方法，得到相应的DOM对象如: var $v=$("#v");//jQuery 对象
var v=$v.get(0);//DOM对象
alert(v.checked)//检测这个checkbox是否被选中

5. Jq中attr和prop有什么区别
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

6.$.map和$.each有什么区别###
map()方法主要用来遍历操作数组和对象，会返回一个新的数组。$.map()方法适用于将数组或对象每个项目新阵列映射到一个新数组的函数;
each()主要用于遍历jquery对象，返回的是原来的数组，并不会新创建一个数组。

7. $(function(){})和window.onload和$(document).ready(function(){})
window.onload:用于当页面的所有元素，包括外部引用文件，图片等都加载完毕时运行函数内的函数。load方法只能执行一次，如果在js 文件里写了多个，只能执行最后一个。
$(document).ready(function()()和$(function()0)都是用于当页面的标准 DOM元素被解析成DOM树后就执行内部函数。这个函数是可以在js文件里多次编写的，对于多人共同编写的js 就有很大的优势，因为所有行为函数都会执行到。而且$(document).ready()函数在 HMTL结构加载完后就可以执行,不需要等大型文件加载或者不存在的连接等耗时工作完成才执行，效率高。

8. Jq如何判断元素显示隐藏?
//第一种:使用CSS属性
var display =$('#id').css('display');
if(display == 'none'){alert("我是隐藏的! ");}//第二种:使用jquery内置选择器
<div id="test" <p>仅仅是测试所用</p</div>if($("#test").is(":hidden")){
$("#test").show);//如果元素为隐藏,
则将它显现 }else{
$("#test").hide();I/如果元素为显现,则将其隐
藏}
//第三种:
 jQuery判断元素是否显示是否隐藏var node=$('#id');
if(node.is(:hidden')){//如果node是隐藏的则显示node元素，否则隐藏
node.show();
}else{
node.hide0);
)

9. Jq中attr和prop有什么区别###
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。