Web开发

首页 » 常识 » 问答 » web前端开发期末测试题
TUhjnbcbe - 2023/7/16 21:04:00

一、填空题

jQuery通过对_JavaScript_的封装,简化了HTML与JavaScript之间的操作。

jQuery中,$()函数中的$可以替换为_jQuery_。

Chrome开发者工具中,_开发者工具sources____面板提供断点调试代码的功能。

在JavaScript中,对象就是一组属性和方法的集合。

判断一个对象是否为jQuery对象使用_instanceof__运算符。

HTML页面中利用__script___标签可引入jQuery库。

通过function关键字定义构造器函数。

二、判断题

Chrome开发者工具提供了Web开发工具和调试工具。(√)

jQuery是一个常用的JavaScript库,但不属于轻量级的库。(×)

jQuery对象可以转化为DOM对象,但DOM对象不能转换为jQuery对象。(×)

jQuery对象可以调用DOM中的方法。(×)

HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。(√)

三、选择题

下列关于jQuery库的作用,说法错误的是(C)。

A.节省开发时间

B.提高代码复用性

C.提高代码的耦合度

D.解决浏览器的差异性

Chrome的哪个面板可以在程序出错时输出错误信息(B)。

A.Elements面板

B.Console面板

C.Sources面板

D.Network面板

下列选项中,不能打开Chrome浏览器开发者工具的方式是(B)。

A.按下“F12”键打开

B.使用“Ctrl+Shift+U”快捷键打开

C.鼠标右键点击页面的任意位置,选择弹出菜单中“检查”选项

D.单击Chrome浏览器右上角的图标,展开菜单依次选择“更多工具”→“开发者工具”

下列关于jQuery对象与DOM对象的说法,错误的是(C)。

A.DOM对象是使用JavaScript操作DOM返回的对象

B.jQuery对象是使用jQuery提供的操作DOM的方法返回的对象

C.jQuery对象命名时必须使用$符号

D.jQuery对象与DOM对象之间可以进行转换

四、简答题

请简述什么是jQuery。

jQuery是一款跨浏览器的开源JavaScript库,它的核心理念是writeless,domore(写的更少,做的更多)。通过对JavaScript代码的封装,使得DOM、事件处理、动画效果、Ajax等功能的实现代码更加简洁,有效的提高程序开发效率。

请列举jQuery库的特性。

具体特性如下:

?

轻量级的的脚本,其代码非常小巧,生产版本的文件包大小仅有94.8KB。

语法简洁易懂,学习速度快。

文档资料全面

强大的选择器,获取元素的方式更加灵活。

出色的跨浏览器兼容性,支持绝大多数浏览器。

脚本与标签分离,便于代码的管理和后期的维护。

具有丰富的插件

请列举jQuery对象转化为DOM对象的方法。

具体转换方式如下

jQuery对象转化为DOM对象:jQueryObj.get(索引值)、jQueryObj[索引值]

DOM对象转化为jQueryObj:$(DOMObj)

(二)

jQuery选择器按照功能可以分为3类,它们是_基本选择器_、__层级选择器____和___过滤选择器___。

与prev+next选择器作用相同的方法是__next()____。

$(selector1,selector2…selectorN);是___CSS___选择器的语法。

jQuery中__:animated____选择器用于获取正在执行动画效果的元素。

:eq(index)选择器的index值从___0___开始。

当发生错误时,JavaScript引擎会抛出一个错误对象,利用try...catch语句可以对错误对象进行捕获,捕获后可以查看错误信息。

:nth-child(index)选择器的index值从0开始。(×)

:input选择器能够获取到img元素定义的图片。(×)

:first-child选择器可以同时获取多个父元素下的子元素。(×)

:image选择器可以用来获取任何图像元素。(×)

:button选择器可以用来获取使用button元素定义的按钮。(√)

下列选项中,不属于jQuery基本选择器的是(C)。

A.element  B.#id  C.selector  D..class

下列选项中,可以用来获取所有表单的选择器是(A)。

A.:inputB.:formC.:allD.:allinput

下列有关jQuery选择器的说法错误的是(C)。

A.使用:only-child选择器只能获取一个子元素

B.:first-child与:first选择器都能用来获取ul列表下的li元素

C.prev~siblings选择器与siblings()方法的使用效果一致

D.parentchild选择器与children()方法的使用效果一致

请简述与JavaScript相比,使用jQuery选择器获取元素有什么优势。

通过jQuery选择器来获取元素,不仅让获取元素的方式更加多样化,还可以在获取元素后为元素添加行为。

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

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

(三)

jQuery中判断某个类是否存在的方法是hasClass()______。

jQuery中用于操作元素内容的方法有__html()____和__val()____。

p元素调用jQuery提供的___replaceWith()___方法可替换成span元素。

使用__remove()____方法可以删除jQuery中的DOM节点。

ul元素调用jQuery提供的___prepend()___方法,可将li元素作为ul的第一个子元素插入。

通过调用toUpperCase()方法可以将字符串“jS”转为“JS”。

利用attr()方法可以获取元素的style属性。(√)

调用clone()方法后就可以将复制的节点追加到body元素内。(√)

创建节点、插入节点、删除节点都属于jQuery中的DOM操作。(√)

insertBefore()与before()的使用方式相同,但是功能不同。(√)

outerWidth()方法不传递参数时,获取元素的宽度包括内边距、边框和外边距。(×)

jQuery中css()方法在获取多个样式属性时,参数需要以(A)形式传入。

A.对象    B.数组C.函数D.字符串

下列哪项不属于jQuery中操作DOM节点的方法。(D)

A.append()  B.prepend()  C.before()  D.attr()

下列(C)方法获取元素的宽度只包括元素的宽度、内边距和边框。

A.width()B.innerWidth()C.outerWidth()D.outerWidth(true)

下列关于html()和text()方法描述错误的是(A)。

A.text()方法可以获取或者设置包含元素标签的内容

B.两者都可以用来为元素设置文本内容

C.html()方法可以获取或者设置包含元素标签的内容

D.html()方法和原生的JavaScript中的innerHTML属性的使用类似

outerHeight()方法不传递参数时获取的元素高度不包括(D)。

A.Height    B.padding  C.border    D.margin

请列举jQuery中插入节点的方法(8种)。

方法如下:

append()

prepend()

appendTo()

prependTo()

before()

insertBefore()

after()

insertAfter()

请简述什么是链式编程。

链式编程为:

jQuery中选中网页元素以后,可以对该元素对象进行一系列操作,并且所有操作可以通过点号“.”的形式连接在一起形成一句代码,这种类似“链条”的调用方式称为链式编程。

请简述append()方法和appendTo()方法的区别。

append()方法和appendTo()方法的区别

ele1.append(ele2):是将ele2作为ele1的最后一个子元素插入到ele1中ele1.appendTo(ele2):是将ele1作为ele2的最后一个子元素插入到ele2中

(四)

1.jQuery中元素获得焦点时触发__focus____事件,元素失去焦点时触发__blur___事件。

2.jQuery中__mouseout____与__mouseleave____都是鼠标移出事件,它们的区别是___mouseleave___的触发范围更小。

3.jQuery中__ready____事件只要页面的DOM节点加载后便可触发。

4.jQuery中提供了改变事件__change____,适用于input和select元素。

5.jQuery事件绑定的方法中,__one()_方法绑定的事件,在页面中仅执行一次就会失效。

1.jQuery中bind()方法是最推荐的一种事件绑定方式。(√)

2.jQuery中delegate()方法内部调用了on()方法。(√)

3.jQuery中off()方法只能用来解绑on()方法绑定的事件。(×)

4.jQuery中trigger()方法和triggerHandler()方法都可以触发按钮的click事件。(×)

5.jQuery中触发某个元素的事件,其子元素上的相同事件也会被触发。(×)

1.jQuery中,松开鼠标时将触发的事件是(D)。

A.mouseover  B.mouseleave  C.mouseout  D.mouseup

1.请列举jQuery中两种阻止事件冒泡。

Query中阻止事件冒泡的方法为:

returnfalse;

事件对象.stopPropagation()

2.请简述trigger()方法和triggerHandler()方法的区别

trigger()方法和triggerHandler()方法的区别:

trigger():在执行事件处理程序的同时,触发浏览器默认行为

triggerHandler():只执行事件处理程序,不触发浏览器默认行为

(五)

jQuery中用于控制元素显示和隐藏效果的分别是__show()____和___hide()__方法。

jQuery中__fadeIn()____方法用来控制元素的淡入显示。

若要实现自定义动画,需调用jQuery中__animate()____方法。

切换元素的透明度可使用jQuery提供的__fadeTo()____方法。

元素调用toggle(false)方法在jQuery中表示___在两种状态之间切换___。

animate()方法无参时使用默认方式显示动画。(√)

jQuery中支持动画效果的自定义动画。(√)

元素调用slideUp()方法表示以滑动方式向上收起。(√)

正在执行动画的元素直接调用stop()方法即可停止动画队列中动画的执行。(√)

过滤选择器“:animated”可以匹配所有正在执行动画效果的元素。(√)

jQuery中animate()方法语法格式如下,描述错误的是(A)。

$(selector).animate(styles,speed,callback);

A.styles参数以数组形式设置参与动画的元素样式

B.speed参数用于设置动画执行的时长

C.animate()方法在执行时必须设置styles参数

D.callback是动画完成后执行的函数

jQuery中fadeTo()方法语法格式如下,描述正确的是(A)。

$(selector).fadeTo(speed,opacity,callback);

A.speed的值可以是slow或normal

B.callback参数会在所有元素的动画执行完成执行

C.opacity参数的取值范围是1~

D.fadeTo()效果会在fadeIn()和fadeOut()两种效果间切换

下列关于jQuery中的方法,说法错误的是(C)。

A.slideDown()方法控制元素的向下滑动

B.show()方法控制元素的显示

C.toggle()方法用于控制元素的透明度切换

D.fadeOut()方法控制元素的淡出

下列选项中,关于jQuery中停止动画的方法描述错误的是(D)。

A.stop()方法可以控制动画的停止

B.stop()方法的参数默认都为false

C.stop()方法的参数都设为true时表示停止所有动画

D.以上说法都不正确

请列举jQuery中常用的实现动画效果的方法。

jQuery中常用的动画方法:

显示隐藏:show()、hide()

滑入滑出:slideDown()、slideUp()

淡入淡出:fadeIn()、fadeOut()

淡入到某个透明度:fadeTo()

自定义动画:animate()

请对比show()方法和slideUp()方法的区别。

show()方法和slideDown()方法的使用区别:

show无动画执行事件参数时无动画效果,而slideDown有默认动画效果

jQuery中的自定义动画可以加入表达式,请编写示例代码并解释。

自定义动画可以加入表达式,以下代码的含义是。div标签执行动画,让高度增加像素,宽度减少像素。

$(div).animate({

height:+=px,

width:-=px

});

1
查看完整版本: web前端开发期末测试题