<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//$("div[title=test]")选取title属性为“test”的<div>,
//JQuery中没有对getElementsByName进行封装,用$("input[name=abc]")
$(function () {
$("div[title=klk]").click(function () {
$(this).css("background", "red");
});
});
$(function () {
$("div[id]").click(function () {
$(this).css("background","yellow");
});
});
var arr1 = new Array();
$(function () {
$("input[value='显示选中项']").click(function () {
var arr = new Array();
//input和:checked之间不能有空格
$("input:checked").each(function () {
//把选中的数据添加到数组变量中
arr.push($(this).val());
});
$("#myTxt").val(arr);
});
});
</script>
</head>
<body>
<div id="test">有id的层</div>
<div title="klk">没有id的层,但是有title属性</div>
<div>没有id的层,也没有titl属性</div>
<input type="checkbox" name="checkbox1" value="北京" />北京<br />
<input type="checkbox" name="checkbox1" value="南京" />南京<br />
<input type="checkbox" name="checkbox1" value="上海" />上海<br />
<input type="checkbox" name="checkbox1" value="天津" />天津<br />
<input type="checkbox" name="checkbox1" value="武汉" />武汉<br />
<input type="button" value="显示选中项" />
显示选中的值<input type="text" id="myTxt" />
</body>
</html>