控件显示隐藏的几种方法

网上有很多。介绍有三种。第一种方法是使用id。这种方法可以在生成HTML时动态生成TR ID。它也是应用最广泛、最简单的一种。


此行不隐藏行隐藏行隐藏



然后控制显式隐藏可以直接使用。


对于(var i = 1;i < tr_len;i++){ / / tr_len是TR的数量控制
$(#tr_ +i).Hide ();
}



第二种方法是使用$(),它需要设置表的ID,如下所示:


此行不隐藏行隐藏行隐藏



然后控制显式隐藏可以直接使用。


美元。每($(# TBL TR),功能(我){
如果(i = 0){
this.style.display =不关;
}
});



第三种方法是通过属性过滤器,它需要向TR之类的类添加一个特定的属性,如下所示:


此行不隐藏行隐藏行隐藏



然后控制显式隐藏可以直接使用。


VaR TRS =美元(TR { class= 'hid});
为(i = 0;i < trs.length;i++){
TRS {我}。style.display = 没有; / / TRS {我}来获取DOM对象而不是jQuery对象,因此不能直接使用(隐藏)的方法
}



这很简单,如果你想显示它,改变相应的方法来显示()或显示属性可以实际应用:解释:默认情况下,只显示相应页名的行,当单击单选按钮时,显示不同的行。



相应的页面链接*

内部链接
外部链接



相应的页面名称
新闻公告


外部链接





隐藏并显示如下:通过ID控制:


$(输入{名称= 'f_navstate})。Click(function(){)
/ /如果($(输入{名称= 'f_navstate})。Attr(检查)= = true){
$(输入{名称= 'f_navstate})。每个(功能(我){
如果(检查){
无功f_navstate = $(输入{名称= 'f_navstate} { }。价值); / /得到一盒价值
如果(f_navstate = = 1){
警告(123);
$(# IL)显示();
$(# OL)藏();
其他{ }
警告(456);
$(# OL)显示();
$(# IL)隐藏();
}

}
});
/