您現在所在位置: 主頁(yè) > 關(guān)鍵詞優(yōu)化
jquery設置隱藏
在jQue(′▽?zhuān)?)ry中,設置我們可以使用hide()方法來(lái)隱藏一個(gè)HTML元素,隱藏這個(gè)方法會(huì )將匹配的設置元素的高度、寬度和透明度等樣式屬性設置為0,隱藏從而讓元素在頁(yè)面上不可見(jiàn),設置如果你想隱藏一個(gè)ヽ(′▽?zhuān)?ノ表格行(tr),隱藏??你可以首先使用選擇器選中這一行,設置然后調用hide()方法。隱藏
1、隱( ?° ?? ?°)藏所有表格(′_`)行:
$(&??q??uot;tr&quヾ(′▽?zhuān)??ot;).hide();2、設置??隱藏特定ID的隱藏表格行:
$(??&q??uot;#myTable tr#ro??w1").hide();
3、隱藏具有特定類(lèi)的設置所有表格行:
$(".myClass tr")???.hide();4、隱藏包含特定文本的隱藏表格行:
$("tr:contains('some text')").hide();5、隱藏第一個(gè)表格行:
$("tr").first().hide();這些代碼中的設置選擇器都是用來(lái)定位你想(′-ι_-`)要隱藏的表(biao)格行的,你可以根(╬ ò﹏ó)據你的具體需求來(lái)選擇合適的選擇器,如(′_`)果你想隱藏ID為"(T_T);myTable&qu( ?ヮ?)ot;的表格中ID為"row1"的行,你可以使用$("#myTable tr#row1"),如果你想要隱藏所有包含"some text"文本的表格行,你可以使用$("tr:contains('some text?')")。
注意,hide()方法不會(huì )改變元素的顯示狀態(tài),它只是暫時(shí)(O_O)地將元素隱藏起來(lái),如果你想讓元素??在頁(yè)面刷新后??依然保持隱藏狀態(tài),你需要使用CSS來(lái)修(xiu)改元素的display屬性,你可以在你的CSS文件中添加以下代碼:
tr.myCl(╯‵□′)╯ass { dis(?Д?)play: none;}這樣,所有具有"myClass"類(lèi)的表格行都會(huì )被永久隱藏,如果你只想隱藏特定的表格行,你可以將上述代碼中的"(°ロ°) !myClass"替換為你想要隱藏的行的ID或類(lèi)名。
你也可以使用toggle()方法來(lái)切換表格行的顯示和隱藏狀態(tài),如果你有一(′?`)個(gè)按鈕,當用戶(hù)點(diǎn)擊這個(gè)按鈕時(shí),你希望對應的表??格行被隱藏或顯示,你可以這樣做:
$("#myButton").click(function(){ $("#myTable tr#ro(′;д;`)w1").toggle();});在這個(gè)例子中,當用戶(hù)點(diǎn)擊(′ω`)ID為"myButt??on"的按鈕時(shí),ID為"row1"的表格行會(huì )被隱藏或顯示,如果這行已經(jīng)被隱藏,它會(huì )顯示出來(lái);如果這行已經(jīng)被顯示,它會(huì )再次被隱藏。
使用jQuery來(lái)隱藏表格行是非常??簡(jiǎn)單的,你只需要選擇一個(gè)合適的選擇器,然后調用hide()方法即可,如果你想要永久??地隱??藏表格行,或者根據用戶(hù)的操作來(lái)切換表格行的顯示和隱藏狀態(tài),你也可以使用其他的jQuery方法。

