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

更新时间：2017年02月12日 11:50:58 投稿：jingxian

下面小编就为大家带来一篇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();//显示  
     }  
   });  
});

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

您可能感兴趣的文章:

jquery表单验证插件（jquery.validate.js）的3种使用方式
这篇文章主要介绍了jquery表单验证插件（jquery.validate.js）的3种使用方式,本文用详细的代码实例讲解jquery表单验证插件的使用,需要的朋友可以参考下
2015-03-03
原生js和jQuery写的网页选项卡特效对比
本文实例中主要是通过判断点击菜单在菜单列表中的索引位置来显示或隐藏选项区.原生js还有很多种实现方法(蓝色理想中搜索),为了与jQ版思路保持一致,本文实例用的是循环判断.有需要的小伙伴可以参考下
2015-04-04
jQuery树插件zTree使用方法详解
这篇文章主要为大家详细介绍了jQuery树插件zTree的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
jquery实现的超出屏幕时把固定层变为定位层的代码
相信很多人都上过taobao吧，在taobao的产品列表页有一个浮动的用来排序的浮动层，当你拖动滚动条而导致那个排序栏看不到的时候它会自动变为浮动层，一直固定在那里。
2010-02-02
对jQuary选择器的全面总结
下面小编就为大家带来一篇对jQuary选择器的全面总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
jquery.mousewheel实现整屏翻屏效果
jQuery Mousewheel 用于添加跨浏览器的鼠标滚轮支持。 mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。
2015-08-08
jQuery插件zTree实现的多选树效果示例
这篇文章主要介绍了jQuery插件zTree实现的多选树效果,结合实例形式分析了jQuery树形插件zTree实现多选树效果的具体操作步骤与相关注意事项,需要的朋友可以参考下
2017-03-03
jQuery异步获取json数据方法汇总
这篇文章主要介绍了jQuery异步获取json数据方法的2种方式，并附上了示例，推荐给有需要的小伙伴。
2014-12-12
jquery 页面滚动到底部自动加载插件集合
很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容
2014-01-01
锋利的jQuery jQuery中的DOM操作
锋利的jQuery 要点归纳（二）上 jQuery中的DOM操作，需要的朋友可以参考下。
2010-03-03