会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 134726个问题

老师,我这个京东的图标和搜索框的图标,运行完和视频里的不一样,我这个完全置右侧和左侧了

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<link rel="stylesheet" type="text/css" href="css/reset.css" />

<link rel="stylesheet" type="text/css"  href="css/jd.css" />

<link rel="stylesheet" type="text/css" href="icon/iconfont.css" />

</head>

<body>

<!--导航开始-->

<div  class="nav">

<div class="warp">

<!--ul>li*2>a--> 

<ul class="nav_ul1">

<li><a href=""><i class="iconfont">&#xe6d3;</i>京东首页</a></li>

<li><a href="">配送到:北京</a></li>

</ul>

<!--ul>li*9>a-->

<ul>

<ul class="nav_ul2">

<li><a href="">洋洋宝贝</a><span>|</span></li>

<li><a href="">我的订单</a><span>|</span></li>

<li><a href="">我的京东</a><span>|</span></li>

<li><a href="">京东会员</a><span>|</span></li>

<li><a href="">企业采购</a><span>|</span></li>

<li><a href="">京东手机</a><span>|</span></li>

<li><a href="">关注京东</a><span>|</span></li>

<li><a href="">客户服务</a><span>|</span></li>

<li><a href="">网站导航</a></li>

</ul>

</ul>

</div>

</div>

<!--导航结束-->

<!--搜索框开始-->

<div class="search">

<div  class="wrap">

<img src="img/logo.jpg"/>

<div class="search_div">

<input  type="text"/>

<input type="button" value="搜索"/>

</div>

<!--搜索框结束-->

</body>

</html>


jd文件

.nav{

height: 30px;

background-color:#f1f1f1;

}



.warp{

width:1000px;

margin:0px  auto;

/*border:1px  solid red;*/

}

.nav_ul1,.nav_ul2 li{

float:left;

}

.nav_ul1 li{

float:left;

line-height: 30px;

margin-right: 20px;

}

.nav_ul1 a,.nav_ul2 a,.nav_ul2 span{

font-size:12px;

color: gray;

}

.nav_ul2{

float:right;

}

.nav_ul2 li{

line-height:30px;

margin-left: 10px;

}

.nav a:hover{

color:red;

}

/*搜索框开始*/

.search{

margin-top: 20px;

}


.search img{

/*清除之前的样式*/

clear: both;

float:left;

}

/*搜索框结束*/

.search_div{

float: right;

}

image.png

JAVA 全系列/第五阶段:Web全栈开发基础与Vue/CSS3(旧) 721楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/CSS3(旧) 724楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/HTML5 725楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Javascript 语言(旧) 726楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/HTML5(旧) 727楼

image.png

<html>
	<head>
		<title>jQuery操作表格</title>
		<meta charset="UTF-8"/>
		<!--声明css代码域-->
		<style type="text/css">
			tr{
				height: 40px;
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.9.1.js" charset="UTF-8"></script>
		<script type="text/javascript" src="js/gwc.js" charset="UTF-8"></script>
	 
		
	</head>
	<body>
		<h3>jQuery操作表格</h3>
		<hr />
		<input type="button" id="fx" value="反选" />
		<input type="button" id="addRow" value="新增一行" />
		<input type="button" id="delRow" value="删除行" />
		<input type="button" id="copyRow" value="复制行" />
		<table border="1px" cellpadding="10px" cellspacing="0" id="ta">
			<tr>
				<td width="50px"><input type="checkbox" name="chks" id="chks" value="1" /></td>
				<td width="200px">书名</td>
				<td width="200px">作者</td>
				<td width="200px">数量</td>
				<td width="200px">操作</td>
			</tr>
			<tr id="">
				<td><input type="checkbox" name="chk" id="" value="2"/></td>
				<td>《Java编程之道》</td>
				<td>wollo</td>
				<td>10</td>
				<td>
					<input type="button" name="aa" id="" value="修改数量" onclick="change(this)" />
					<input type="button" name="" id="" value="删除" onclick="del(this)"/>
				</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="chk" id="" value="3" /></td>
				<td>《Python和我的故事》</td>
				<td>赵老师</td>
				<td>10</td>
				<td>
					<input type="button" name="" id="" value="修改数量" onclick="change(this)"/>
					<input type="button" name="" id="" value="删除" onclick="del(this)"/>
				</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="chk" id="" value="4" /></td>
				<td>《web开发详解》</td>
				<td>张老师</td>
				<td>30</td>
				<td>
					<input type="button" name="" id="" value="修改数量" onclick="change(this)"/>
					<input type="button" name="" id="" value="删除" onclick="del(this)"/>
				</td>
			</tr>			
		</table>
	</body>
</html>
$(function(){
	//确定全选按钮是否按下的操作
	$("#chks").click(function(){
		var flag=$(this).prop("checked");
		
			$("input[name=chk]").prop("checked",flag);
		
	})
	//判断是否全选的操作
	$("input[name=chk]").click(function(){
		var flag=true;
		var chk=$("input[name=chk]");
		chk.each(function(){
			if(!$(this).prop("checked")){
				flag=false;
				return;
			}
		})
		$("#chks").prop("checked",flag);
	})
	//反选的操作
	$("#fx").click(function(){
		var chx=$("input[type=checkbox]");
		chx.each(function(){
			//获得多选款的初始状态
			var flag=$(this).prop("checked");
			$(this).prop("checked",!flag); 
		})
	})
	//添加一行的操作
	$("#addRow").click(function(){
		//获得table对象
		var tab=$("#ta");
		tab.append('<tr id="">'+
				'<td><input type="checkbox" name="chk" id="" value="2"/></td>'+
				'<td>《Java编程之道》</td>'+
				'<td>wollo</td>'+
				'<td>'10</td>+
				'<td>'+
					'<input type="button" name="aa" id="" value="修改数量"  />$nbsp;'+
					'<input type="button" name="" id="" value="删除" />'+
				'</td>'+
			'</tr>');
	})
	//删除操作
	$("#delRow").click(function(){
		var del=$("input[name=chk]:checked");
		if(del.length==0){
			alert("至少选择一行");
		}else{
			//执行删除操作
			del.parent().parent().remove();
		}
	})
	//复制行
	$("#copyRow").click(function(){
		var copy=$("input[name=chk]:checked");
		if(copy.length==0){
			alert("至少选择一行");
		}else{
			//执行复制
			//复制
			var tr=copy.parent().parent().clone();
			//粘贴
			$("#ta").append(tr);
		}
	})
})
//修改数量
function change(th){
	//tr节点获得
	var par=$(th).parent().parent();
	par.children().eq(3).html("<input type='text' size='3px' onblur='bul(this)'/>")
}
function bul(th){
	var par =$(th).parent().parent();par.children().eq(3).html(th.value());
}
//删除内容
function del(th){
	var par=$(th).parent().parent();
	par.remove();
}

老师,我按照课上内容写的,怎么报这些错呢?

JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Jquery(旧) 728楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/JavaScript语言 729楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/jQuery 731楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Javascript 语言(旧) 732楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/JavaScript语言 733楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Jquery(旧) 735楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2026百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637