欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

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

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

实例

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

来自    https://www.cnblogs.com/mmzuo-798/p/6252302.html



is(':visible')

     .end()为结束前面处理函数,返回到最初的元素  

     .next()为此元素的下一个元素,可以再加上.next()表示下下一个元素,以此类推   

     :visible 选择器选取每个当前是可见的元素。语法:$(":visible")

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

  • 设置为 display:none

  • type="hidden" 的表单元素

  • Width 和 height 设置为 0

  • 隐藏的父元素(同时隐藏所有子元素)

$(document).ready(function() {   

     if (answer.is(':visible')) {//如果ANSWER 为可见,:visible是可见的意思,相关用法还有:hidden(隐藏),:first(第一个),:last(最后一个)   

             answer.slideUp();//隐藏   

         } else {   

         answer.slideDown();//显示         }   

    });   

 

is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。

,对基于函数而非选择器的相关元素的表达式进行求值。对于每个元素来说,如果该函数返回 true,则 .is() 也返回 true。

分类: jQuery

来自   https://www.cnblogs.com/annie211/p/5904345.html

普通分类: