JQuery阶段测试题
一、选择题(每小题2分)10道题共20分
1)以下对jQuery描述不正确的是?(c)
A.jQuery就是javaScript
B.jQuery提供了很多特效
C.jQuery可以完全替代javaScript
D.jQuery使代码量大幅减少
2)请选择一个错误的答案(c)
A.$(document).ready(function(){})
B.$().ready(function(){})
C.ready(function(){})
3)如果同时使用window.onload与$(function(){}),执行顺序会是什么样?(b)
A.同时执行
B.onload先执行
C.$(function(){})先执行
D.都不执行
4)如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?
(c)
A.text()
B.get()
C.eq()
D.contents()
5)如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(d)
A.append(content)
B.appendTo(content)
C.insertAfter(content)
D.after(content)
6)在jQuery中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(c)
A.delete()
B.empty()
C.remove()
D.removeAll()
7)为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来
实现该功能的?(b)
A.trigger()
B.bind()
C.bind
D.add()
8)在jQuery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?(c)
A.eq(index)
B.find(expr)
C.siblings([expr])
D.next()
9)使用jQuery如果给一个元素增加样式,下列哪个选项不对?(b)
A.className=”red”
B.addClass(“red”)
C.class(“color”,”red”)
D.class({“color”:”red”})
10)toggle()、toggleClass()主要是使用了什么原理?选一个不正确的(b)
A.三元运算符
B.三目运算符
C.条件运算符
D.算术运算符
填空题(每小空1分)20个空共20分
1)jQuery访问对象中的size()方法的返回值和jQuery对象的()属性一样
2)jQuery中$(this).get(0)的写法和()是等价的
3)现有一表格,如果想要匹配所有行数为偶数的,用(even)实现,奇数的用(odd)实现
4)在一个表单里,想要找到指定元素的第一个元素用()实现,那么第二个元素用()实现
5)如果将所有的div元素里的字体都设置为绿色,()
6)在jQuery中,想让一个元素隐藏,用(hidden)实现,显示一个元素用(visible)实现
7)在一个表单中,用600毫秒缓慢的将段落滑上,用(slide up)来实现
8)在jQuery中,如果想要自定义一个动画,用(animate)函数来实现
9)在表单中,查找所有选中的checkbox元素,可以用jQuery中的()来实现
10)给元素的属性设置值,可以使用()方法和()方法
11)jQuery中的html()相当于javaScript的()属性,text()相当于()属性
12)阿贾克斯的英文名称是(Ajax)
13)使用阿贾克斯技术的主要原因是可以实现异步请求和局部刷新,那么它的好处是
()、()
14)jQuery中的one()用于绑定事件,它与bind()、on()、live()等其他方法最大的区别
是()
二、简答题(每小题3分)10道题共30分
1)jQuery的美元符号$有什么作用?
定义jquery
2)body中的onload()函数和jQuery中的document.ready()有什么区别?
Onload: 只能加载一次
document.ready() :可以加载多次
3)jQuery中有哪几种类型的选择器?
4)请使用jQuery将页面上的所有元素边框设置为2px宽的虚线?
5)jQuery中哪个方法可以给还未创建的元素绑定事件?
6)$(this)与this有什么区别?
$(this) :是jquery里面的 this:是JavaScript里面的
7)$(“p a”)与$(“p>a”)有什么区别?
8)如何复制一个元素?在没有参数的情况下,会不会复制元素行为?
9)jQuery中的find()和filter()用来做什么?区别是什么?
10)如何获取一个随机数?
三、编程题(每小题6分)5道题共30分
1)使用jQuery实现点击按钮弹出一个有确定和取消按钮的对话框。
2)产生一个1-10的随机数。
3)使用jQuery实现选项卡效果的代码部分。
4)使用jQuery实现图片翻转效果的代码部分。
5)在jQuery1.8.3版本中,实现密码框状态切换效果,要求:
1.当选中checkbox的时候,密码框里的密文改变为明文
2.当取消checkbox的时候,密码框里的明文改变为密文
前端经典面试题——Angular、主流框架和服务器相关问题 1、ng-app 是什么? 答:ng-app 指令用于告诉AngularJS 应用当前这个元素是根元素.所有AngularJS 应用都必须要要一个根元素. HTML 文档中只允许有一个ng-app 指令,如果有多个ng-app 指令,则只有第一个会被使用. 2、说说MVC 和MVVM 分别是什么? 答:MVC 全名是Controller 模型(model)-视图(view)-控制器(controller)的缩写,MVVM 是Model-View-ViewModel 的简写. 3、?g 是什么? 答:-g 是-global 的简称,全局的意思. 4、自定义指令的类型(E,A,C,M)? 答:元素(E)、属性(A)、类(C)、注释(M). 5、$scope 和自定义指令里的scope 有啥区别? 答:$scope 对象在AngularJS 中充当数据模型的作用,也就是一般MVC 框架中Model 得角色.但又不完全与通常意义上的数据模型一样,因为$scope 并不处理和操作数据,它只是建立了视图和HTML 之间的桥梁,让视图和Controller 之间可以友好的通讯. 自定义指令里的scope 表示指令的作用域,它有三个可选值:true、false、对象{} 6、Ionic 中的路由? 答:Ionic 也是基于Angular 的,使用的是ui-router,
ui-router 的核心理念是将子视图集合抽象为一个状态机,导航意味着状态的切换,Ionic 之所以没有使用Angular 官方的ngRoute,是回ngRoute 缺少一些高级的特性,比如视图命名,视图嵌套. 7、filter? 答:过滤器. 8、ng-bind? 答:ng-bind 指令告诉AngularJS 使用给定的变量或表达式的值来替换HTML 元素的内容. 如果给定的变量或表达式修改了,指定替换的HTML 元素也会修改. 9、说一说link? 答:link 中可以拿到scope 和controller,可以与scope 进行数据绑定,与其他指令进行通信. 10、为什么angular 不推荐使用dom 操作? 答:Angular 倡导以测试驱动开发,在的service 或者controller 中出现了DOM 操作,那么也就意味着的测试是无法通过的 使用Angular 的其中一个好处是啥,那就是双向数据绑定,这样就能专注于处理业务逻辑,无需关系一堆堆的DOM 操作.如果在Angular 的代码中还到处充斥着各种DOM 操作,那为什么不直接使用jquery 去开发呢. 11、看过Angular 的源码吗,它是怎么实现双向数据绑定的? 答:angular 对常用的dom 事件,xhr 事件等做了封装,在里面触发进入angular 的digest 流程. 在digest 流程里面,会从rootscope 开始遍历,检查所有的watcher. 12、ui-router 和ng-router 区别?
一、Jquery测试题 下面哪种不是jquery的选择器?(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器(C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选) jQuery(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements) 考点:jquery的核心函数(C) 下面哪一个是用来追加到指定元素的末尾的?(单选) A、insertAfter() B、append() C、appendTo() D、after() 考点:jquery的核心函数(C) 下面哪一个不是jquery对象访问的方法?(单选) A、each(callback) B、size() C、index(subject) D、index() 考点:jquery的核心函数之对象访问(D) jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样. 考点:jquery的核心函数之对象访问(length) jquery中$(this).get(0)的写法和__________是等价的。 考点:jquery的核心函数之对象访问($(this)[0]) 7.有这样一个表单元素 ,想要找到这个hidden元素,下面哪个是正确的?(单选) A、visible B、hidden C、visible() D、hidden() 考点:jquery的选择器(B) 如果需要匹配包含文本的元素,用下面哪种来实现?(单选) A、text() B、contains() C、input() D、attr(name) 考点:jquery的选择器(B) 现有一个表格,如果想要匹配所有行数为偶数的,用________实现,奇数的用_______实现。 考点:jquery的选择器(even,odd) 如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(单选) A、text() B、get() C、eq() D、contents() 考点:jquery的选择器(C) 在一个表单里,想要找到指定元素的第一个元素用_________实现,那么第二个元素用_________实现。考点:jquery的选择器(first,eq(1))
J q u e r y测试题
1、HTML 代码: one
p class="myClass" span
p class="notMyClass" jQuery 代码: $("div,span,p.myClass") 结果:( A ) A、[
p class="myClass" , span ] B、[
p class="myClass" ] C、[
p class="notMyClass" ] D、[