jquery 获取第一个未隐藏元素

答案:2 悬赏:10 手机版

解决时间 2021-01-27 15:15

提问者网友：记得曾经
2021-01-26 20:40

页面结构如下：

通过JQuery设置不同的标签隐藏，怎么才能取得第一个未隐藏的标签呢？
隐藏的标签不一定，随即的。

最佳答案

五星知识达人网友：笑迎怀羞
2021-01-26 21:33

像这种概况，最好的办法就是遍历，希望对你有帮助

全部回答

1楼网友：迟山
2021-01-26 22:48

1.jq中显隐有以下几种方式 show(),hide(),toggle(),slidedown()然后还有css设置div的style属性都可操作 2.show()方法显示出隐藏的 <p> 元素。 $(".btn2").click(function(){ $("p").show(); }); 3.toggle()方法 toggle() 方法切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。 <html> <head> <script type="text/javascript" src="/jquery/jquery.js"><&#47;script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").toggle(1000); }); }); <&#47;script> </head> <body> <p>this is a paragraph.</p> <button class="btn1">toggle</button> </body> </html> 3.slidedown()方法以滑动方式显示隐藏的 <p> 元素： $(".btn2").click(function(){ $("p").slidedown(); }); 4.hide() 方法隐藏可见的 <p> 元素： $(".btn1").click(function(){ $("p").hide(); }); 这个函数经常与show一起使用 5.css()方法 css() 方法设置或返回被选元素的一个或多个样式属性。返回 css 属性如需返回指定的 css 属性的值，请使用如下语法： css("propertyname"); $("p").css("display","none"); 实例： <!doctype> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript"> $(document).ready( function(){}); function hiden(){ $("#divobj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast } function slidetoggle(){ $("#divobj").slidetoggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上 } function show(){ $("#divobj").show();//显示,参数说明同上 } function toggle(){ $("#divobj").toggle(2000);//显示隐藏切换,参数可以无,参数说明同上 } function slide(){ $("#divobj").slidedown();//窗帘效果展开 } <&#47;script> </head> <body> <h3>div里内容的显示隐藏特效</h3> <input type="button" value="隐藏" onclick="hiden()"/> <input type="button" value="显示" onclick="show()"/> <input type="button" value="窗帘效果显示2" onclick="slide()"/> <input type="button" value="窗帘效果的切换" onclick="slidetoggle()"/> <input type="button" value="隐藏显示效果切换" onclick="toggle()"/> <div id="divobj" style="display:none"> 1.测试例子<br/> 2.测试例子<br/> 3.测试例子<br/> 4.测试例子<br/> 5.测试例子<br/> 6.测试例子<br/> 7.测试例子<br/> 8.测试例子<br/> 9.测试例子<br/> 0.测试例子<br/> </div> </body> </html>

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息