东师21秋《轻量级框架开发应用》离线作业1[答案]

东师21秋《轻量级框架开发应用》离线作业1[答案]答案

要求：在本文档中的题目下作答，在所写的代码下面粘贴运行后的网页截图，提交本word文档即可。
自从你的女神第一次在你生命中出现的时候，你就知道这辈子你不再会爱上别的人，你为了追到她，牟足了劲打算年底放假的时候去跟她表白。年底，你们公司要搞促销，公司打算利用H5活动吸引顾客用手机号注册，如果任务完成的漂亮，你的土豪老板思聪可能会直接提拔你为公司总经理，年薪直接涨到1000万，如果真是这样，你的女神可能很可能直接就从了你，作为有志青年的你果敢地接下年底公司的H5活动页任务。思聪表示，如果你能提前完成任务的话可以让你提前放假回家，并且再送你一套北京二环内的房产。别激动，活动内容也非常简单，就是当用户点击立即领取按钮的时候判断用户是否输入手机号和验证码，做不同的弹窗提示，如图所示的几种不同的情况。
    任务描述：
1.点击立即领取时判断手机号和验证码输入情况。
如果没有输入或者输入错误的手机号，就提示：请正确输入11位手机号
如果手机号正确输入，就提示：请正确输入4位验证码
如果手机号和验证码都输入正确，就提示：注册成功了！！！
2.用更少的代码量写出此功能。
 
 
 
 
 

东师21秋《轻量级框架开发应用》离线作业1[答案]历年参考题目如下：

《轻量级框架开发应用》作业考核-0001

试卷总分:100    得分:0

一、 单选题 (共 30 道试题,共 60 分)

1.jquery页面文档加载后要运行的函数的写法为()

A.window.onload=function(){}

B.document.ready=function(){}

C.$(function(){})

 

 

2.下列哪个是带有动画效果的隐藏div方式()

A.$('div').hide()

B.$('div').show()

C.$('div').fadeOut()

D.$('div').fadeIn()

 

 

3.$('div').attr('title','text')的意思是什么()

A.给div元素内添加title标签，且内容为text

B.获取div元素的title和text属性的值

C.设置div元素的title属性值为text

D.选取带有title和text内容的div元素

 

 

4.获取ul下的第一个li元素的方式为()

A.$('ulli')

B.$('ulli:eq(1)')

C.$('ulli').eq(0)

D.$('ul>li')

 

 

5.获取所有href属性的值包含以".png"结尾的元素()

A.$('[href]')

B.$('[href=".png"]')

C.$('[href!=".png"]')

D.$('[href$=".png"]')

 

 

6.jquery添加css的方式为()

A.addClass()

B.removeClass()

C.toggleClass()

D.css()

 

 

7.向上滑动元素的方法正确的是()

A.slideDown

B.slideUp

C.slideToggle

D.animate

 

 

8.获取所有href属性的值等于".png"的元素()

A.$('[href]')

B.$('[href=".png"]')

C.$('[href!=".png"]')

D.$('[href$=".png"]')

 

 

9.jquery的text方法说法错误的是()

A.获取元素内包括html标签的所有内容

B.可以为字符串

C.可以为空

D.可以包含一个函数

 

 

10.jquery的animate方法第三个参数的意思是()

A.定义形成动画的 CSS 属性

B.规定效果的时长

C.动画完成后所执行的函数名称

D.当前需要执行动画的元素

 

 

11.jquery获取id为myId的dom元素的方式为()

A.$('#myId')

B.$('.myId')

C.$('myId')

D.$(':myId')

 

 

12.获取class带有a和b的元素的方式为()

A.$('ab')

B.$('.ab')

C.$('.a .b')

D.$('.

E.b')

 

 

13.下列哪个是带有动画效果的显示div方式()

A.$('div').hide()

B.$('div').show()

C.$('div').fadeOut()

D.$('div').fadeIn()

 

 

14.向下滑动元素的方法正确的是()

A.slideDown

B.slideUp

C.slideToggle

D.animate

 

 

15.点击div元素来回切换显示和隐藏的jquery写法为()

A.$('div').hide()

B.$('div').show()

C.$('div').toggle()

D.$('div').stop()

 

 

16.jquery获取所有p标签的方式为()

A.$('#p')

B.$('.p')

C.$('p')

D.$(':p')

 

 

17.jquery获取input元素值的方法为()

A.text()

B.html()

C.innerHTML

D.val()

 

 

18.jquery的animate方法有几个参数()

A.1个

B.2个

C.3个

D.4个

 

 

19.获取ul下前三个li元素的方式为()

A.$('ul li').eq(3)

B.$('ulli:gt(3)')

C.$('ulli:lt(3)')

D.$('ul li:lt(2)')

 

 

20.jquery的width函数说法正确的是()

A.为元素的宽度

B.包含边框的元素宽度

C.包含内边框的元素宽度

D.包含边框和内边框的元素宽度

 

 

21.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的()

A.delete()

B.empty()

C.remove()

D.removeAll()

 

 

22.获取ul下的最后一个li元素的方式为()

A.$('ul li:first')

B.$('ul li:last')

C.$('ul li:even')

D.$('ul li:odd')

 

 

23.jquery获取div元素内的文本元素的方法为()

A.text()

B.html()

C.innerHTML

D.val()

 

 

24.jquery想要获取div元素的宽度+边框+内边距的方法正确的是()

A.$('div').width()

B.$('div').innerWidth()

C.$('div').outerWidth()

D.$('div').outerWidth(true)

 

 

25.下面哪一个不是jquery对象访问的方法()

A.each()

B.size()

C.length

D.onclick()

 

 

26.jquery对被选元素进行添加/删除类的切换操作的方式为()

A.addClass()

B.removeClass()

C.toggleClass()

D.css()

 

 

27.获取所有带class类a和class类b的元素的方式为()

A.$('.

B.b')

C.$('.ab')

D.$('.a,.b')

E.$('ab')

 

 

28.$.post方法中的3个参数的意义分别是什么()

A.请求地址，请求超时时间，请求成功回调

B.请求参数，请求地址，请求成功回调

C.请求类型，请求地址，请求成功回调

D.请求地址，请求参数，请求成功回调

 

 

29.获取所有被选取的input元素的方式为()

A.$(":enabled")

B.$(":disabled")

C.$(":selected")

D.$(":checked")

 

 

30.jquery的innerWidth函数说法正确的是()

A.为元素的宽度

B.包含内外边距的元素宽度

C.包含内边距的元素宽度

D.包含边框和内边框的元素宽度

 

 

二、 多选题 (共 10 道试题,共 20 分)

1.jquery中获取同胞元素的方法有哪些()

A.siblings()

B.nextAll()

C.prev()

D.next()

 

 

2.关于width方法说法正确的是()

A.可以设置元素的宽度

B.获取的宽度包含元素内边距

C.可以获取元素的宽度

D.获取的宽度包含元素border

 

 

3.下列哪些是jquery的事件方法()

A.bind

B.click

C.change

D.blur

 

 

4.关于attr方法说法正确的是()

A.可以设置元素的属性值

B.可以获取元素的属性值

C.可以改变元素的属性值

D.可以删除元素的属性值

 

 

5.关于innerHeight方法说法正确的是()

A.可以获取宽度

B.获取的宽度包含内边距

C.获取的宽度包含border

D.获取的宽度包含外边距

 

 

6.下列哪些属于jquery的效果函数()

A.animate()

B.fadeIn()

C.hide()

D.toggle()

 

 

7.**4.隐藏div元素的方法正确的是?(A##D)

A.$('div').hide()

B.$('div').show()

C.$('div').fadeOut()

D.$('div').fadeIn()

 

 

8.下列哪个为jquery获取指定的某一个元素的方法()

A.:eq(index)

B.:last

C.:input

D.:text

 

 

9.jquery对元素的遍历操作说法正确的是()

A.可以获取到祖先元素

B.可以获取到后代元素

C.可以获取到同胞元素

D.可以过滤掉指定元素

 

 

10.获取div下的第一个p标签的方式为()

A.$('divp:first')

B.$('divp')

C.$('divp').eq(0)

D.$('divp:last')

 

 

三、 判断题 (共 10 道试题,共 20 分)

1.使用empy方法能删除当前元素本身么()

A.对

B.错

 

 

2.jquery可以适配任何浏览器么()

A.对

B.错

 

 

3.jquery的$(his)和原生的his一样么()

A.对

B.错

 

 

4.jquery底层实现使用的是jvscrip么()

A.对

B.错

 

 

5.jquery可以操作dom节点么()

A.对

B.错

 

 

6.jquery只能通过scrip标签引入()

A.对

B.错

 

 

7.使用jquery会使开发更加简单快速么()

A.对

B.错

 

 

8.seimeou方法是jquery封装的方法么()

A.对

B.错

 

 

9.sop方法是用来停止动画的么()

A.对

B.错

 

 

10.使用ex()方法可以获取inpu值么()

A.对

B.错