JQuery 中 is(:visible) 解析及用法-js模板网

实例

选择 <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();//显示   
         }   
     });   
});

免责声明：
1、	资源售价只是赞助，不代表代码或者素材本身价格。收取费用仅维持本站的日常运营所需。
2、	本站资源来自用户上传，仅供用户学习使用，不得用于商业或者非法用途，违反国家法律一切后果用户自负。用于商业用途，请购买正版授权合法使用。
3、	本站资源不保证其完整性和安全性，下载后自行检测安全，在使用过程中出现的任何问题均与本站无关，本站不承担任何技术及版权问题，不对任何资源负法律责任。
4、	如有损害你的权益，请联系275551777@qq.com及时删除。

JQuery 中 is(:visible) 解析及用法

第十天 2021-10-26

实例

定义和用法

语法