您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

jquery怎么修改visibility属性

2024/7/11 20:23:47发布36次查看
修改方法:1、使用css()方法,语法“$(selector).css(visibility,新值)”;2、使用attr()方法,语法“$(selector).attr(style,visibility:新值;)”。
本教程操作环境:windows7系统、jquery1.10.2版本、dell g3电脑。
visibility 属性规定元素是否可见。可以设置的属性值:
值描述
visible 默认值。元素是可见的。
hidden 元素是不可见的。
collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 hidden。
jquery修改visibility属性
1、使用css()方法
$(selector).css("visibility","新值");
示例:
<!doctype html><html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("#box").css("visibility","hidden"); }); }); </script><style></style> </head> <body> <p>可见的段落</p> <p id="box" style="visibility: visible;">可见的段落</p> <p>可见的段落</p> <button>修改visibility属性</button> </body></html>
2、使用attr()方法
$(selector).attr("style","visibility:新值;")
示例:
<!doctype html><html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("#box").attr("style","visibility:visible;"); }); }); </script><style></style> </head> <body> <p>可见的段落</p> <p id="box" style="visibility: hidden;">隐藏的段落</p> <p>可见的段落</p> <button>修改visibility属性</button> </body></html>
【推荐学习:jquery视频教程、web前端开发视频】
以上就是jquery怎么修改visibility属性的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product