有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery操作页面元素B（案例）</title>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$("#inp2").click(function() {
					// 点击添加后要实现对元素的添加		
					// 1、想要添加元素就先创建元素
					var inputFile = $("<p>照片：<input type='file' name='' id='inp1' value='' /><input type='button' name='' id='inpdelete' value='删除' /></p>");
					// 2、获得需要添加到的对象form
					var form = $("form");
					// 3、将创建好的元素添加到form对象中，实现后追加，采用append()方法，但是form对象中还有两个按钮，如果追加就会追加到按钮之后，不合理，还是要获得一个对象
					var last = $("#last");
					// 都是在form对象中是属于内部的同级添加，采用prepend()方式添加
					last.prepend(inputFile);
					// 4、实现删除功能，就在这个作用域里面可以实现，因为创建的对象就在这个click的作用域中。
					$("#inpdelete").click(function() {
						inputFile.remove();
					})
				})
			})
		</script>
	</head>
	<body>
		<form action="" method="post" id="form">
		用户名：<input type="text" name="" id="" value="" />
		<p id="p">
			照片：<input type="file" name="" id="inp1" value="" />
			<input type="button" name="" id="inp2" value="添加""/>
		</p>
		<p id="last">
			<input type="button" name="" id="" value="提交" />
			<input type="button" name="" id="" value="返回" />
		</p>
		</form>
	</body>
</html>

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/Jquery（旧） 331楼

老师，有个问题：在对页面文本进行获取时，若是这个div中有多个文本，有p有span有h3等等，我发现获取的是一个整体的文本，想去获取特定的文本，还不可以（我就使用id指向特定的标签，发现获取的文本也是整体）

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery操作页面的文本和值</title>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$("#but1").click(function() {
					// 获得HTML文本内容
					var html = $("#div1").html();
					console.log(html);
					// 仅获得文本内容
					var text = $("#div1").text();
					console.log(text);
					
					var p = $("#p").text();
					console.log(text);
				})
			})
		</script>
	</head>
	<body>
		<input type="button" name="" id="but1" value="对文本和值进行操作" />
		<div id="div1">
			<span id="">
				我是北京尚学堂
			</span>
			<p id="p">我还是北京尚学堂</p>
			<h3>我依然是北京尚学堂</h3>
		</div>
	</body>
</html>

结果：

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/Jquery（旧） 332楼

老师你好，有点不太理解，为什么列表中的<li>元素设置float为left就可以从纵向变为横向

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/CSS3（旧） 333楼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>prototype的学习</title>
		<script type="text/javascript">
			function student(age) {
				this.name = "张三";
				this.age = age;
				this.sex = '男';
				this.study = function() {
					alert("student里面的学习study的方法");
				}
			}
			var stu1 = new student(21);
			alert(stu1.age + "  " + stu1.name + "  " + stu1.sex);
			function teacher() {
				this.teach = function() {
					alert("123444");
				}
			}
			student.prototype = new teacher();
			stu1.teach();
			
		</script>
	</head>
	<body>
	</body>
</html>

问题：老师，我使用这个prototype，还是不能输出第二个alert("123444")；前面的alert是没有问题的，这是因为啥？？？

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/Javascript 语言（旧） 334楼

老师，JavaScript中的for循环我有个问题：

第一种代码：

function myFunction(){

var x="",i;

for (i=0;i<5;i++){

x=x + "这个数字是" + i + "<br>";

document.getElementById("demo").innerHTML=x;

}

第二种代码：

function myFunction(){

var x="",i;

for (i=0;i<5;i++){

x=x + "这个数字是" + i + "<br>";

}

document.getElementById("demo").innerHTML=x;

}

结果：产生的效果都是执行函数后语句显示了5句话。

问题：第一种代码很容易理解，就是采用java的思想，但是第二种显示语句是在for循环外，应该是只显示一个语句，为啥也是显示5个语句。

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/Javascript 语言（旧） 335楼

老师，在iframe里指定src=自己.html 为什么不会无限套娃下去呢，只有两层就没了

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/HTML5（旧） 336楼

老师背景颜色没有变色怎么回事呀，文件都引入了其他都没问题两个浏览器也试过了，方法啥的都有用就是不变色

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/Jquery（旧） 337楼

我的和老师的不一样，同样图片均在img目录下，为何我的多两个点，我试了一下，去掉俩点图片加载不出来，请问，这两个点有什么用？？

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/HTML5（旧） 338楼

老师，上标波浪线~咋打呀

JAVA 全系列/第五阶段：Web全栈开发基础与Vue/CSS3（旧） 339楼

<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（旧） 340楼

老师，jQuery里面两种事件方式都可以使用吗