jquery input选择器学习

来源：互联网发布：翻墙软件编辑：程序博客网时间：2024/04/29 12:25
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>
0 0