jQuery面试题_jQuery前端面试笔试题目及答案 - 极悦
面试题首页 > Web前端面试题

jQuery面试题

001jQuery的美元符号$有什么作用?

其实美元符号$只是jQuery的别名,它是jQuery的选择器

002body中的onload()函数和jQuery中document.ready()有什么区别?

1.我们可以在页面中使用多个document.ready(),但只能使用一次onload()。
2.document.ready()函数在页面DOM元素加载完以后就会被调用,而onload()函数则要在所有的关联资源(包括图像、音频)加载完毕后才会调用。

003jQuery中有哪几种类型的选择器?

正常是有9中,但我们常用的就3种:
1.基本选择器:直接根据id、css类名、元素名返回匹配的dom元素。
2.层次选择器:也叫做路径选择器,可以根据路径层次来选择相应的DOM元素。
3.过滤选择器:在前面的基础上过滤相关条件,得到匹配的dom元素。

004jQuery对象和DOM对象是怎样转换的?

jQuery对象是一个包含了dom对象的数组 可以通过jQuery对象[下标]获取dom对象
将dom对象放入$("")中转为jQuery对象

005jQuery中的delegate()函数有什么作用?

如果你有一个父元素,需要给其下的子元素添加事件,这时你可以使用delegate()了,代码如下:
$("ul").delegate("li","click",function(){$(this).hide();}) 当元素在当前页面不可用时,可以使用delegate()

006使用jQuery将页面上的所有元素边框设置为2px宽的虚线?

<script language="javascript" type="text/javascript">
   $("*").css("border", "2px dotted red");
</script>

007如何使用jQuery实现点击按钮弹出一个对话框?

<script type="text/javascript"> 
$(document).ready(function () { 
    $('#Button1').click(function () { 
        alert($('#inputField').attr("value")); 
    }); 
}); 
</script>

008如何用jQuery禁用浏览器的前进后退按钮?

<script type="text/javascript" language="javascript">
$(document).ready(function() {
    window.history.forward(1);
    //OR
    window.history.forward(-1);
});
</script>

目录

返回顶部