jQuery是一個(gè)廣泛使用的JavaScript庫(kù),可以在網(wǎng)頁(yè)中進(jìn)行各種操作。它的一項(xiàng)功能是可以隱藏表格中的某一行。
$(document).ready(function(){ $("#hide-button").click(function(){ $("#table tr:eq(2)").hide(); //隱藏表格中第三行,從0開始計(jì)數(shù) }); });
在上述代碼中,首先要使用jQuery庫(kù),然后在頁(yè)面加載完成后,當(dāng)點(diǎn)擊id為“hide-button”的按鈕時(shí),表格中序號(hào)為2的行將被隱藏。
需要注意的是,這里使用的是eq()方法,它表示返回選擇器中指定索引號(hào)的元素。如:當(dāng)指定的是2時(shí),它實(shí)際上是表示第三個(gè)元素。
另外,如果想要隱藏一整列,可以將tr改為td,將hide()方法改為hideGroup()方法。
$.fn.hideGroup = function(n){ return this.each(function(){ $("td:nth-child("+n+")", this).hide(); }); };
這里使用了each()方法,它會(huì)逐個(gè)遍歷每一個(gè)元素,并將其中屬性為“n”的子元素隱藏。
最后,需要提醒的是,在實(shí)際開發(fā)中,我們應(yīng)該根據(jù)具體需求來(lái)選擇是否使用jQuery來(lái)隱藏表格的某一行或某一列。