面试jQuery常遇到的问题

开始来学习JQuery相关方面的知识,在学习JQuery之前,我首先通过一些途径,弄明白了以下问题,这也是面试中常常问到的一些问题。所以整理了下。

  1、什么是JQuery?

  jQuery是JavaScript的类库,它由John 
Resig(美国人)创建,至今已经吸引了来自世界各地的众多JavaScript高手加入该团队。

  2、什么是类库?

  这个和Java、.NET中的类库意思相似,但是在JQuery中,只是集合了许多方法的功能集合,使我们可以通过简单的代码就能实现复杂的效果

  3、JQuery与JavaScript的关系?

  JQuery是使用JavaScript编写的,也就是说JavaScript可以任意调用,其他程序并不能轻易的调用

  4、JavaScript、jQuery、Ajax、Json等又是什么?区别又是什么?

  这里只解释Ajax和Json,Ajax全称为“Asynchronous JavaScript and 
XML”(异步JavaScript和XML),它是由JavaScript+CSS+DOM+ 
XMLHttpRequest的四种技术的结合,并且JS是Ajax的核心。jQuery将Ajax的实现变得更加轻松容易。Ajax就是咱们常说的局部刷新。JSON(JavaScript 
Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写的同时也易于机器解析和生成。它基于JavaScript的一个子集。 
Json采用完全独立于语言的文本格式,可以简单的理解为数据存储的一种格式或交换方式。

  5、JQuery可以做什么?

  1>获取页面的部分内容:

  a) 
不使用js库,必须写很多行代码来遍历dom树,并定位html文档的指定部分,而jquery提供了一个强大而有效的选择机制来返回被检查或者被操作的文档

  2> 修改页面的外观

  a) 
Css提供了一个影响文档渲染的强大方法,当web浏览器不支持同样的标准时,它却是不尽人意的,Jquery能弥补这些差距,提供了跨所有浏览器的同样的标准的支持

  b) 另外即时页面被渲染后,Jquery仍可改变文档中一部分中的类或者独立的样式属性

  3> 修改页面的内容

  a) 
不仅限于外观的改变,Jquery还可以用很少的按键就可修改文档的内容本身。文本可改变,图像可插入或替换,列表可重新排序或者整个HTML结构可被重写和扩展,完成这些只需一套非常易用的API函数

  4>在页面中响应用户的交互

  a) 例如,用户单击链接,我们不需要将事件句柄混杂到HTML代码中,同时事件句柄API删除浏览器不一致性,往往会让web开发者感到很烦恼

  5>给页面加上动画

  6>无刷新返回服务器端的信息

  7>简化共同的js任务:提供了改进基本的js结构,如迭代和数组等

  6、第一个JQuery程序,当页面显示时,弹出Hello word的对话框。

  在写JQuery程序之前,我们首先来写一个js的函数,如下

  然后在body的onload事件中调用该函数,当页面加载时,立即弹出对话框,并显示内容Hello word。

  那么用JQuery来实现的话,首先需要将JQuery的库也就是JQuery.js这个文件给导入

  下面开始来编写我们的第一JQuery程序,实现和上面同样的效果

  在这个demo中我们应该知道$等同于jQuery,$(document).ready()等同于jQuery(document).ready();

  首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready…

  它在页面加载完成之前执行。 (也许window.onload()能实现同样的功能,但当window.onload函数执行的时候,

  要说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图

  下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。

  $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

  这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。

  简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。

  通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数

  . $(document).ready(function(){ // 你的代码 });

  $(document)意思是说,获取整个网页文档对象(类似的于window.document),

  $(document).ready意思就是说,获取文档对象就绪的时候。 上

  面这段代码的意思是检查文档对象直到它能够允许被操作

  (这样做比window.onload()函数要快的多,因为只要文档对象载入完成就能够执行代码了,

  而不需要等待页面中的图片下载是否已经完成)---这是我们想要的。

  因为时间关系,第一个JQuery程序我们就介绍到这里,在后续的学习笔记中,我们将进一步介绍JQuery

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值