jQuery选择器
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link title="style" media="screen" href="css/green.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
$("#testbutton").click(
function() {
$("div.test:has(p)").addClass("red");
}
);
});
</script>
</head>
<body>
<div id="wrapper">
<div id="pic"></div>
<h1>jQuery Playground</h1>
<ul id="nav">
<li><a class="current" href="index.html" >测试页面</a></li>
<li><a href="#">关于</a></li>
</ul>
<div id="content">
<input type=button value="单击此处开始测试" id="testbutton" /><br/><br/>
<form>
用户名：<input type="text" />
密码：<input type="password" /><br/>
记住密码：<input type="checkbox" />
<input type="submit" value="提交" id="submit" />
<input type="reset" value="重置" id="reset" /><br/>
Email:<input name="email" disable="disabled" /><br/>
性别：男<input type="radio" checked="checked" name="Sex" value="male" />
女<input type="radio" name="Sex" value="female" />
地点：<select name="loction">
<option value="xian">西安</option>
<option value="qd">青岛</option>
<option value="bj">北京</option>
</select>
照片：<input type="image" src="../images/p1.jpg"/><br/>
上传：<input type="file" /><br/>
描述：<textarea></textarea><br/>
<input type="button" value="input按钮" />
<button>button按钮</button>
</form>
</div>
<div id="foot">
dengyexun studying!
</div>
</div>
<!--
<input type=button value="单击测试按钮" id="testbutton" />
<div id="spans">
<span>span1</span>
<span>span2</span>
<span>span3</span>
</div>
-->
<!--
<div id="content">
<h2>jQuery过滤镜选择器</h2>
<input type=button value="单击此处开始测试" id="testbutton" />
<form>
<label>Name:</label> <input name="name" />
<fieldset>
<label>Nesletter:</label> <input name="newsletter" />
</fieldset>
</form>
<label>Ohters</label> <input name="others"/>
</div>
-->
</body>
</html>
