麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jquery實現控制表格行高亮實例

2019-11-20 22:40:03
字體：大 中 小
來源：轉載
供稿：網友

[css]

復制代碼 代碼如下:

<style>
.height{
  background:#666666;   /*背景顏色為灰色*/
}
tr{
    cursor: pointer;    /*手形*/  
}
</style>

<style>
.height{
  background:#666666;   /*背景顏色為灰色*/
}
tr{
 cursor: pointer;    /*手形*/
}
</style>


[html] 
復制代碼 代碼如下:

<body>
<table border="1" width="40%">
   <tr><th></th><th align="left">姓名</th><th align="left">性別</th><th align="left">居住地</th></tr>
   <tr>
        <td><input type="radio" name="radio" /></td><td>張三</td><td>男</td><td>北京</td>
   </tr>
    <tr>
        <td><input type="radio" name="radio" /></td><td>李四</td><td>男</td><td>上海</td>
   </tr>
    <tr>
        <td><input type="radio" name="radio" /></td><td>王五</td><td>女</td><td>深圳</td>
   </tr>
    <tr>
        <td><input type="radio" name="radio" /></td><td>趙六</td><td>女</td><td>北京</td>
   </tr>
    <tr>
        <td><input type="radio" name="radio" /></td><td>孫七</td><td>男</td><td>上海</td>
   </tr>
</table>
</body>

<body>
<table border="1" width="40%">
   <tr><th></th><th align="left">姓名</th><th align="left">性別</th><th align="left">居住地</th></tr>
   <tr>
        <td><input type="radio" name="radio" /></td><td>張三</td><td>男</td><td>北京</td>
   </tr>
    <tr>
        <td><input type="radio" name="radio" /></td><td>李四</td><td>男</td><td>上海</td>
   </tr>
    <tr>
        <td><input type="radio" name="radio" /></td><td>王五</td><td>女</td><td>深圳</td>
   </tr>
    <tr>
        <td><input type="radio" name="radio" /></td><td>趙六</td><td>女</td><td>北京</td>
   </tr>
    <tr>
        <td><input type="radio" name="radio" /></td><td>孫七</td><td>男</td><td>上海</td>
   </tr>
</table>
</body>


jquery

[javascript]

復制代碼 代碼如下:

 plaincopyprint?$(document).ready(function(){
       //第一種寫法: $("tr:gt(0)")   第一行標題不起作用  
       $("tr:gt(0)").click(function(){
              $(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true);
       })

       //第二種寫法：$("tr:not(:first)") 
       /*$("tr:not(:first)").click(function(){
              $(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true);
       })*/
})

$(document).ready(function(){
    //第一種寫法: $("tr:gt(0)")   第一行標題不起作用
    $("tr:gt(0)").click(function(){
     $(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true);
    })

    //第二種寫法：$("tr:not(:first)")
    /*$("tr:not(:first)").click(function(){
     $(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true);
    })*/
})

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 青草久久av| 久久久青| 国产成人高清在线观看 | 一级精品| 免费看日韩片 | 一级免费在线 | 国产精品久久久久久久久久久久午夜 | 久久久久免费精品 | 在线视频观看成人 | 中文字幕一区二区三区四区 | 欧美一级淫片免费播放口 | 欧美大穴 | 欧美人人干 | 亚洲男人天堂 | 亚洲欧美日韩久久精品第一区 | 欧美一级精品 | 日韩精品网站在线观看 | 国产亚洲欧美视频 | 亚洲国产二区 | 国产精品久久久久久久久久了 | 欧美一级性 | 精品国产91久久久久久浪潮蜜月 | 国产日韩a | 91一级毛片 | 久久精品a一级国产免视看成人 | 午夜精品久久久久久久96蜜桃 | a一级黄色大片 | 性盈盈盈影院 | 91av在线免费视频 | 国产精品久久久网站 | 免费在线看a| 最新在线中文字幕 | 国产精品99久久久久久久 | 国产精品国产成人国产三级 | 素人视频免费观看 | 天天草天天干天天射 | 免费国产精品视频 | 午夜av男人的天堂 | 91成人在线免费观看 | 一区二区久久久久草草 | 久久久久99精品 |