$(function () { $("li:contains('new')").css("color", "red");//Elements containing new text $("li:has('h2')" ).css("color", "green");//Elements containing h2 tags alert($("li:hidden").length);//Invisible elements 1 alert($("li:visible") .length);//Visible element 4 $("a[href=#]").attr("herf", "javascript:void(0)");
$("a[id^=a]").css("color", "red");
$("div").css("border", "1px solid red").css("width", "400px").css("height", "200px");
//表单选择器
$(":button").css("color", "red");
$(":checkbox").css("color", "red");
var sex = $(":radio:checked").val();//选中的单选按钮
console.log(sex);
//复选框
var hot = "";
$(":checkbox:checked").each(function () {
hot += $(this).val();
});
console.log(hot);
return false;
})
</script>
</head>
<body>
<!--<ol>
<li style="display:none">列表 1 new</li>
<li style="visibility:hidden">列表2</li>
<li>列表3 new</li>
<li>列表4</li>
<li>列表5</li>
</ol>
<div style="height:1000px">
<a href="#">链接1</a>
<a id="a1" href="#">链接1</a>
<a id="a2" href="#">链接1</a>
<a class="aclass" href="#">链接2</a>
</div>-->
<div>
<table>
<tr>
<td>姓名：</td>
<td><input type="text" /></td>
<td rowspan="5"><input type="image" /></td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" id="sex" /><label form="">男</label>
<input type="radio" name="sex" id="sex" /><label form="">女</label>
</td>
<td></td>
</tr>
<tr>
<td>爱好：</td>
<td>
<input type="checkbox" />足球
<input type="checkbox" />篮球
<input type="checkbox" />羽毛球
</td>
<td></td>
</tr>
<tr>
<td>籍贯：</td>
<td>
<select id="select1">
<option>--请选择--</option> <option>Hubei</option> <option>Hebei</option>
<option>Henan</option>
<option>湖南</option>
</select>
</td>
<td></td>
<tr>
<td>简介：</td>
<td><textarea></textarea></td>
<td></td>
</tr>
<tr>
<td><input type="button" value="重置" /></td>
<td><input type="button" value="提交" /></td>
<td></td>
</tr>
</table>
</div>