在Web開發中,jQuery是最常用的JavaScript庫之一。其中一個常用的功能是隱藏表格中一行(tr)。
$(document).ready(function(){
// 隱藏第2行
$("table tr:eq(1)").hide();
})
上述代碼將在文檔加載后執行。它使用jQuery的“$”函數選擇表格中第2行(“:eq(1)”是因為JavaScript的索引從0開始),然后調用“hide”函數將其隱藏。
可以通過添加樣式來改變影藏行的表現:
$(document).ready(function(){
// 隱藏第2行,同時添加樣式
$("table tr:eq(1)").hide().addClass("hidden");
})
現在,一行被添加了名為“隱”(“.hidden”)的CSS類,以便將來可以更容易地找到它。當然,這個類也可以用CSS定義為任何自己喜歡的東西。
如果想要顯示影藏行,可以使用“show”函數:
$(document).ready(function(){
// 隱藏第2行,同時添加樣式
$("table tr:eq(1)").hide().addClass("hidden");
// 顯示第2行
$("button").click(function(){
$("table tr:eq(1)").show();
});
})
在上面的代碼中,添加了一個按鈕,點擊它將顯示隱藏的行。“click”函數用于響應按鈕的點擊事件,并調用“show”函數來顯示行。
通過在jquery中使用以上方法可以操作表格行的影藏與顯示,方便用戶進行數據展示與操作。
下一篇css 句子與句子間距