第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

用jquery實(shí)現(xiàn)顯示和隱藏部分tr

用jquery實(shí)現(xiàn)顯示和隱藏部分tr

ABOUTYOU 2019-05-14 09:08:08
我寫了一個js,要達(dá)到的目標(biāo)是:1.打開頁面時除第一行外,其余的行都隱藏;2.當(dāng)點(diǎn)擊“顯示”之后,后面的行顯示出來;3.當(dāng)點(diǎn)擊“隱藏”之后,后面的行都隱藏
查看完整描述

3 回答

?
不負(fù)相思意

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個贊

1

2

3

4

5

6

7

8

9

10

Jquery:

$(document).ready(function(e) {

  $("#hid").click(function(){

    $("#all tr").not($("#one")).hide(1000);

  });

  $("#show").click(function(){

     $("#all tr").show(1000);

  });

       

});

 

1

2

3

4

5

6

7

8

9

10

11

12

html  部分代碼

<body>

<input type="button" value="show" id="show"  />

<input type="button" value="hidden" id="hid" />

  <table id="all">

    <tr id="one"><td>one</td></tr>

    <tr><td>...</td></tr>

    <tr><td>...</td></tr>

    <tr><td>...</td></tr>

    <tr><td>...</td></tr>

  </table>

</body>

 

1

2

3

4

css

table{ width:500pxborder-collapse:0; border-spacing:0;}

table tr td{ border:1px solid #ccc;}

帶動畫效果哦 親


 




查看完整回答
反對 回復(fù) 2019-05-15
  • 3 回答
  • 0 關(guān)注
  • 763 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號