jQuery的中 is(':visible') 解析及用法(必看)

时间：2021-05-26

实例

选择 <body> 元素中每个可见的元素：

$("body :visible")

定义和用法

:visible 选择器选取每个当前是可见的元素。

除以下几种情况之外的元素即是可见元素：

• 设置为 display:none
• type="hidden" 的表单元素
• Width 和 height 设置为 0
• 隐藏的父元素（同时隐藏所有子元素）

语法

$(":visible")

$(document).ready(function() { $('#faq').find('dd').hide().end().find('dt').click(function() {//end()为结束前面处理函数,返回到最初的元素 //解释:用end()结束find(dd)的hide(),并将find(dt)作用到最初的#fap上 var answer = $(this).next();//next()为此元素的下一个元素,可以再加上.next()表示下下一个元素,以此类推 if (answer.is(':visible')) {//如果ANSWER 为可见,:visible是可见的意思,相关用法还有:hidden(隐藏),:first(第一个),:last(最后一个) answer.slideUp();//隐藏 } else { answer.slideDown();//显示 } }); });

以上这篇jQuery的中 is(':visible') 解析及用法(必看)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章