<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
div {
border: 1px solid #0ff;
border-collapse: collapse;
height: 40px;
}
</style>
<script src="Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
$("#btnTest").click(function () {
//$("div :first").text("哈哈哈哈哈");//第一个div
//$("div :last").text("哈哈哈哈哈");//最后一个div
// $("div:not(.aa)").text("hahhahhahhah");//获取不满足条件的div clas不为aa
//$("div:even").text("我是偶数"); //获取偶数的div 从0开始
//$("div:odd").text("我是奇数");
// $("div:eq(3)").text("我是第四个");//获取指定索引的div
// $("div:gt(1):lt(2)").text("选中的div");//获取下标指定区间的元素 ，注意：gt完了之后，产生一个新的dom数组，那么lt是基于新的dom数组而言的
//补充slice方法
// $("div").slice(1, 2).text("哇哈哈~~~"); //获取下标大于1小于2
// $("div:not(:first)").text("选中了。。。。");
// $("div[id]").text("有包含ID属性");
//提交表单不会提交display的元素，但是会提交readonly的元素
var checkarr = $("input[name=checkL]:checked");
$.each(checkarr, function (i, item) {
});
//append 父元素 将子元素 追加进来
//appendTo 子元素追加到父元素
});
});
</script>
</head>
<body> <input type="button" value="测试" id="btnTest" />
<div id="div1" class="aa"></div>
<div id="div2"></div>
<div id="div3"></div>
<div></div>
<div></div>
<input name ="checkL" type="checkbox" />足球
<input name ="checkL" type="checkbox" />篮球
<input name ="checkL" type="checkbox" />排球
<input name ="checkL" type="checkbox" />乒乓球
<input name ="checkL" type="checkbox" />羽毛球
<br />
<input type ="radio" name ="gender" value="true" />男
<input type ="radio" name ="gender" value ="false" />女
<br />
<select >
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</body>
</html>