第一次考试机试笔记

让图片横向布局且间距为16px,左右两端边距为0

HTML代码

当鼠标移入页面小图时，在鼠标右侧展示对应大图

jQuery代码

window.onload=function(){

var img=document.querySelectorAll(".small");

var big=document.querySelector(".big");
for (var i = 0; i < img.length; i++) {
img[i].onmousemove=function(e){
big.style.top=e.y+10+"px";
big.style.left=e.x+10+"px";
big.src=this.src;
}
img[i].onmouseout=function(){
big.style.display="none";
}
img[i].onmouseenter=function(){
big.style.display="block";
}
}
}

第三题

// 删除当前行（要有提示）
$(function(){
$("button").click(function(){
alert("您确定要删除编号为1001的商品?");
$("tbody>tr:first").remove();
})
})

// 全选/全不选
$(function(){
$("#chkAll").change(function(){
var chk1=$(this).prop("checked")
$(":checkbox").prop("checked",chk1)
})
})
// 数据行复选框
$(function(){
$(":checkbox").change(function(){
var i= 0
var y= 0
$(":checkbox:not([id])").each(function(index,item){
var ck =$(item).prop("checked");
if(ck){
i++;
y += parseInt($(item).closest("tr").children().eq(3).text())
}
})
$(".money").text(y);
$(".count").text(i);
})
})