parent>child选择器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script language="javascript" src="../jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<from id="form1" name="form1" method="post" action="">&nbsp;&nbsp;:<input type="text" name="name" /><br/>&nbsp;&nbsp;:<input type="text" name="name" /><br/>&nbsp;&nbsp;:<input type="text" name="name" /><br/>
			E-mail:<input type="text" name="name" /><br/>
			<span>
				<input type="button" name="change" id="change"value="换肤"/>
			</span>
			<input type="button" name="default" id="default" value="恢复默认" />
		</from>
		<style type="text/css">
			input{
				margin:5px;         //设置input元素的外边距
			}
			.input{
				font-size: 12pt;       //设置文字大小
				color: black;           //设置文字颜色
				background-color: aqua;   //设置背景颜色
				border: 1px solid darkblue;    //设置边框宽度及颜色
			}
		</style>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#change").click(function(){                   //"换肤"的单击事件
					$("form>input").addClass("input");          //为input添加事件
				});
				$("#default").click(function(){                  //为"恢复默认"添加事件
					$("form>input").removeClass("input");
				});
			});
		</script>
	</body>
</html>

你可能感兴趣的:(parent>child选择器)