我曾经培训新员工的时候出的jsjq入职笔试题,真的是想着法子送分了。。。

今天整理资料,发现了一份当年我出的笔试题,那时候公司急招人,连我这个半吊子前端都征用了。

在这里插入图片描述

一.基础知识(15分)

1.JQuery 的简写是? (1分)

2.通过 jQuery,选择器 $(“div”) 选取什么元素? (1分)

3.把所有 p 元素的背景色设置为红色的正确 jQuery 代码是? (1分)

3.通过 jQuery, $(“div.intro”) 能够选取的元素是?(1分)

4.jQuery 什么方法用于隐藏被选元素? (1分)

5.通过 jQuery,选择器 $("#box") 选取什么元素? (1分)

6.哪种 jQuery 方法用于设置被选元素的一个或多个样式属性?(1分)

实战演练

已知有如下盒子

<div></div>
<div></div>
<p></p>
<p></p>

1.1 请运用js的方式,把上述所有盒子的背景色变成skyblue,将代码填入以下空白处。(3分)

1.2 请运用jQuery的方式,把上述所有盒子的背景色变成skyblue,将代码填入以下空白处。(3分)

1.3 请运用jQuery的方式,把第一个div盒子的背景色变成orange,将代码填入以下空白处。(3分)

二.改错题(5分)

观察下面一段代码,说明错误的原因,并提出解决办法。
在这里插入图片描述

三.简单算法题 (5分)

请使用js或者jQuery的方式,做一个“回”字。(也就是将innerBox相对于box居中,边框宽度忽略不计)

代码(详见素材):

<div id='box'>
	<div id='innerBox'></div>
</div>

最终的效果如图:
在这里插入图片描述

【附加题】

**封装一个居中方法,参数传入一个id,就能够将该dom元素相对于window居中,并且随着浏览器大小的改变也动态居中,本题选做,不做不扣分,做对了额外加10分。(若总分超过50分,按50分计算)

方法名: centerDom
参数列表:id

四.方法封装(5分)

请封装一个方法,输入数字0返回星期天,输入数字1返回星期一,以此类推。
方法名: getWeekDay
参数列表:day (number类型)
返回string

若使用不超过3行代码写出来,得10分。(若总分超过50分,按50分计算)

五.综合题(15分)

已知有一个input框,要求点击发送按钮,将填入的数据添加到下方的cntBox区域中。
在这里插入图片描述

在这里插入图片描述
具体代码参考素材文件。
最终效果图:

在这里插入图片描述

提示:添加元素可以使用jQuery的append方法。

六.js面向对象(5分)

在js中,创建对象一般有以下两种方式。
1.构造器方式
2.JSON方式

//构造器方式
	var Person = function(name,age){
		this.name = name;
		this.age = age;
		this.say = function(){
			alert('你好,我是' + this.name + ' !');
		}
	}
	
	var zhangsan = new Person('张三',20);
	zhangsan.say();

	//JSON方式
	var lisi = {
		name : '李四',
		age : 20,
		say : function(){
			alert('你好,我是' + this.name + ' !');
		}
	};

	lisi.say();

请说明两种方式的区别,以及分别用在什么地方较为合适?言之有理即可。

这份试题编写于2016年。

应该是超级简单了吧,如果有想要答案的,私聊我就行了哈~~

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

剽悍一小兔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值