jQuery基础练习题一

jQuery基础练习题一

选择题

---

1、下面对于jQuery的描述中，错误的是（）
A、它的核心理念就是写的更少，做的更多
B、实现的代码更加简洁
C、有效的提高开发效率
D、jQuery跟JavaScript的用法是完全一样的
参考答案 : D

2、下列选项中，不能打开Chrome浏览器开发者工具的方式是（）
A、按“F12”键打开
B、使用“Ctrl+Shift+U”快捷键打开
C、鼠标右击页面的任意位置，选择弹出菜单中“检查”选项
D、单击Chrome浏览器右上角的图标，展开菜单依次选择“更多工具”—>“开发者工具”
参考答案 :B

3、跟jQuery相继诞生的JavaScript库还有很多，不包括（）
A、Prototype
B、ExtJS
C、YUI
D、node.js
参考答案 :D

4、关于代码$("li").get(0)，下面说法正确的是（）
A、获取jQuery对象
B、获取DOM对象
C、获取li的属性值
D、设置DOM对象属性值
参考答案 :B

5、jQuery对象声明，是通过（）符号来实现的。
A、￥
B、@
C、$
D、&
参考答案 :C

6、关于代码document.getElementsByTagName('li');下面那个选项是错误的是（）
A、获取了文档中所有的li元素
B、返回值是一个类似于数组的集合
C、返回值是一个数组
D、可以通过索引来获取指定li元素
参考答案 :C

7、jQuery对象的$("参数")语法描述错误的是（）
A、通过$()符号声明jQuery对象
B、$()执行后返回值是jQuery对象
C、调用方法可以通过“.”来实现
D、$符号不可以用jQuery替代
参考答案 :D

8、开发工具Hbuilder中，保存全部文件的快捷键的是（）
A、Ctrl + Shift + S
B、Ctrl + F
C、Ctrl + H
D、Ctrl + R
参考答案 :A

9、如果同时使用window.onload与$(function(){})，执行顺序会是（）
A、同时执行
B、onload先执行
C、$(function(){})先执行
D、都不执行
参考答案 :C

10、关于代码document.getElementById('myId').html();下面结果正确的是（）
A、元素的内容
B、undefined。
C、会报错
D、null
参考答案 :C

11、获取HTML代码中li标签的DOM对象，并调用（）属性来获取第一个li标签的文本。
A、innerText
B、text
C、html
D、contains
参考答案 :A

12、下面关于jQuery对象与DOM对象的说法，错误的是（）
A、DOM对象是使用JavaScript操作DOM返回的对象。
B、jQuery对象是使用jQuery提供的操作DOM的方法返回的对象。
C、jQuery对象命名时必须使用$符号
D、jQuery对象与DOM对象之间可以进行切换
参考答案 :C

13、jQuery所有版本下载地址（）
A、http://jquery.com
B、https://code.jquery.com
C、https://code.jquery1.x.com
D、https://jquery1.x.com
参考答案 :B

多选题

---

14、下面描述jQuery的优势中，正确的是（）
A、轻量级的文件包，文件大小94.8KB
B、简介的语法
C、强大的选择器
D、jQuery不存在兼容性问题
参考答案 :A,B,C

15、下面关于jQuery版本说法，正确的是（）
A、文件类型包括压缩版和未压缩版
B、压缩版是将jQuery文件中与逻辑无关的内容删除
C、压缩版文件体积比较小，加载速度快
D、在压缩版和未压缩使用中，建议读者在学习期间选择压缩版
参考答案 :A,B,C

16、在DOM树形结构中下面是哪些是属性节点（）
A、href
B、charset
C、li
D、text
参考答案 :A,B

17、下面对于jQuery的描述中，错误的是（）
A、jQuery就是javaScript
B、jQuery提供了很多特效
C、jQuery可以完全替代javaScript
D、jQuery使代码量大幅减少
参考答案 :A,C,D

18、下面对于jQuery库的作用，说法正确的是（）
A、节省开发时间
B、提高代码复用性
C、提高代码耦合度
D、解决浏览器的差异性
参考答案 :A,B,C,D

19、下面对DOM树形结构描述正确的是（）
A、层层嵌套的HTML标签就是一个类似树形的DOM文档。
B、所有的元素内容都是一个节点。
C、是所有内容的根节点
D、标签下面的文本是属于该标签文本节点
参考答案 :A,B,C,D

20、Chrome浏览器中主要包括（）面板。
A、Elements面板
B、Console面板
C、Network面板
D、Sources面板
参考答案 :A,B,C,D

21、下面对于jQuery选择器说法，正确的是（）
A、支持CSS1~CSS3定义的属性和选择器
B、与原生的JavaScript相比，获取元素的方式更加灵活
C、jQuery选择器可以操作元素的样式，但不能为元素添加行为
D、jQuery选择器获取的是该元素的jQuery对象
参考答案 :A,B,D

22、开发工具HBuidler提供了语法提示功能，其中包括哪些语言（）
A、javaScript
B、HTML5+
C、MUI
D、java
参考答案 :A,B,C

判断题

---

23、jQuery和JavaScript是两种不同的语言。
参考答案 :错

24、jQuery是一个常用的JavaScript库，但不属于轻量级的库。
参考答案 :错

25、jQuery对象是一个类似数组的集合。
参考答案 :对

26、$符号只能用来定义jQuery对象。
参考答案 :错

27、Chrome开发者工具是一套内嵌到Chrome浏览器的Web开发工具和调试工具。
参考答案 :对

28、通过$("li")获取文档中所有的li，且返回一个jQuery对象的集合。
参考答案 :对
29、jQuery版本包括jQuery1.x、jQuery2.x、jQuery3.x，且兼容IE6/7/8。
参考答案 :错

30、在Console面板中编写代码时，使用“Shift+Enter”快捷键可以实现代码的换行。
参考答案 :对

31、jQuery具有很多成熟的插件如表单验证插件、UI插件。
参考答案 :对

32、jQuery中访问size()方法时返回值跟jQuery对象的length属性是一致的。
参考答案 :对

33、jQuery对象可以调用DOM中的方法。
参考答案 :错

34、jQuery强大的选择器支持CSS1-CSS3定义的属性和选择器，与原生js相比，获取方式更加灵活。
参考答案 :对

35、DOM对象就是JavaScript操作DOM所使用的对象。
参考答案 :对

填空题

---

36、判断一个对象是否为jQuery对象使用______运算符。
参考答案 :
【obj instanceof jQuery】

37、关于这段代码$('div').innerHTML;它的执行结果是______。
参考答案 :
【undefined】

38、Chrome浏览器进行断点调试的面板是______面板。
参考答案 :
【Sources面板】

39、jQuery对象命名语法结构是______。
参考答案 :
【$(selector)】

40、jQuery对象转换成DOM对象的方式有______。
参考答案 :
【obj[index]和obj.get(index)】

41、在jQuery中，通过______方法过虑掉字符串两端的空白字符。
参考答案 :
【$.trim()】

42、在HTML中引入jQuery，通过______标签引入。
参考答案 :
【】

43、Chrome开发者工具中______面板可以查看元素属性或者修改元素属性和样式。
参考答案 :
【Elements面板】

44、jQuery对象指的是______。
参考答案 :
【通过“$(参数)”的形式可以创建jQuery的实例对象】

45、jQuery中$(this).get(0)的______写法和是等价的。
参考答案 :
【$(this)[0]】

46、jQuery语法特点主要包括______。
参考答案 :
【选择器的使用、元素对象的操作、事件的绑定、链式编程】

47、DOM对象指的是______。
参考答案 :
【文档对象模型（Document Object Model）】

48、jQuery通过对______封装，简化了HTML与javaScript之间的操作。
参考答案 :
【javaScript】

49、在jQuery中，通过______方法获取元素标签内容。
参考答案 :
【html()】

50、jQuery中，$()函数中的$可以替换为______。
参考答案 :
【jQuery】

51、开发者工具Hbuilder中，整理代码格式的快捷键______。
参考答案 :
【Ctrl + Shift + F】

简答题

---

52、为什么要进行jQuery对象与DOM对象之间的转换？
参考答案 :
为了解决jQuery对象只能调用jQuery中的属性或方法，DOM对象也只能调用DOM中的属性或方法。

53、请简述与JavaScript相比，使用jQuery选择器获取元素有什么优势。
参考答案 :
1.通过jQuery 选择器来获取元素，不仅让获取元素的方式更加多样化。               
2.还可以在获取元素后为元素添加行为。                                      

3.jQuery选择器中提供了更多选择DOM的方式。                                      

4.支持从CSS1到CSS3所有的选择器以及其他常用的选择器。

54、请简述什么是jQuery。
参考答案 :
1. jQuery是一款跨浏览器的开源JavaScript库，它的核心理念是write less，do more（写的更，做的更多）。
2. 通过对JavaScript代码的封装，使得DOM、事件处理、动画效果、Ajax等功能的实现代码更加简洁，有效的提高程序开发效率。

55、请简述jQuery对象。
参考答案 :
通过“$(参数)”的形式可以创建jQuery的实例对象，即jQuery对象。创建jQuery对象后，就可以调用一些jQuery提供的方法来完成具体操作。

56、请简述什么是DOM对象。
参考答案 :
所谓DOM指的是文档对象模型（Document Object Model）。它提供了对文档结构化的描述，并将HTML页面与脚本、程序语言联系起来。

57、简述调试工具Chrome浏览器Network面板的主要有什么作用。
参考答案 :
Network面板即网络面板，用于记录页面上网络请求的详情信息，根据它可进行网络性能优化。