jquery input选择器学习:
<html>
<head>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(this).remove();
});
//删除表格中得一行
$(".reduce_one").click(function(){
$(this).parent().parent().remove();
});
//高亮显示选中行
$(".active").hover(function(){
$(".active").css("background-color","White");
$(this).css("background-color","red");
});
$('input:radio').click(function(){
var name=$('input:radio[name="sex"]:checked').val();
alert(name);
});
$('input:text').click(function(){
$('input:text').val("demo");
var name=$('input:text').val();
alert(name);
});
});
</script>
</head>
<body>
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
<br />
First name:
<input type="text" name="firstname" />
</form>
<button type="button">Click me</button>
</hr>
<table border="6">
<caption>我的标题</caption>
<tr class='active'>
<td><a href="javascript:void(0);" class="reduce_one">删除</a></td>
<td>200</td>
<td>300</td>
</tr>
<tr class='active'>
<td><a href="javascript:void(0);" class="reduce_one">删除</a></td>
<td>500</td>
<td>600</td>
</tr>
<tr class='active'>
<td><a href="javascript:void(0);" class="reduce_one">删除</a></td>
<td>500</td>
<td>600</td>
</tr>
<tr class='active'>
<td><a href="javascript:void(0);" class="reduce_one">删除</a></td>
<td>500</td>
<td>600</td>
</tr>
<tr class='active'>
<td><a href="javascript:void(0);" class="reduce_one">删除</a></td>
<td>500</td>
<td>600</td>
</tr>
</table>
</body>
</html>