今天整理资料,发现了一份当年我出的笔试题,那时候公司急招人,连我这个半吊子前端都征用了。
一.基础知识(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年。
应该是超级简单了吧,如果有想要答案的,私聊我就行了哈~~