儿童白癜风该怎么办 https://disease.39.net/bjzkbdfyy/180604/6302936.html一、填空题
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元素定义的图片。(×)
irst-child选择器可以同时获取多个父元素下的子元素。(×)
:image选择器可以用来获取任何图像元素。(×)
:button选择器可以用来获取使用button元素定义的按钮。(√)
下列选项中,不属于jQuery基本选择器的是(C)。
A.element B.#id C.selector D..class
下列选项中,可以用来获取所有表单的选择器是(A)。
A.:inputB.ormC.:allD.:allinput
下列有关jQuery选择器的说法错误的是(C)。
A.使用nly-child选择器只能获取一个子元素
B.irst-child与irst选择器都能用来获取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()方法的区别/p>
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中常用的动画方法/p>
显示隐藏:show()、hide()
滑入滑出:slideDown()、slideUp()
淡入淡出:fadeIn()、fadeOut()
淡入到某个透明度:fadeTo()
自定义动画:animate()
请对比show()方法和slideUp()方法的区别。
show()方法和slideDown()方法的使用区别/p>
show无动画执行事件参数时无动画效果,而slideDown有默认动画效果
jQuery中的自定义动画可以加入表达式,请编写示例代码并解释。
自定义动画可以加入表达式,以下代码的含义是。div标签执行动画,让高度增加像素,宽度减少像素。
$(div).animate({
height=px,
width:-=px
});