编程 Javascript

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

Posted in Javascript onFebruary 12, 2017

实例

选择 <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的中 is(':visible') 解析及用法(必看)

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS代码放在head和body中的区别分析

Dec 01 Javascript

javascript学习笔记(五) Array 数组类型介绍

Jun 19 Javascript

AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)

Dec 12 Javascript

微信公众号开发实现点击返回按钮就返回到聊天界面

Dec 15 Javascript

Angularjs实现搜索关键字高亮显示效果

Jan 17 Javascript

electron demo项目npm install安装失败的解决方法

Feb 06 Javascript

JS实现为动态添加的元素增加事件功能示例【基于事件委托】

Mar 21 Javascript

对angularJs中2种自定义服务的实例讲解

Sep 30 Javascript

vue-router beforeEach跳转路由验证用户登录状态

Dec 26 Javascript

vue 2.5.1 源码学习之Vue.extend 和 data的合并策略

Jun 04 Javascript

Angular8 Http拦截器简单使用教程

Aug 20 Javascript

利用JS如何获取form表单数据

Dec 19 Javascript

详解Sea.js中Module.exports和exports的区别

Feb 12 #Javascript

利用Node.js编写跨平台的spawn语句详解

Feb 12 #Javascript

超全面的vue.js使用总结

Feb 12 #Javascript

Vue-Router实现页面正在加载特效方法示例

Feb 12 #Javascript

jquery使用EasyUI Tree异步加载JSON数据（生成树）

Feb 11 #Javascript

详解Jquery EasyUI tree 的异步加载（遍历指定文件夹，根据文件夹内的文件生成tree）

Feb 11 #Javascript

JavaScript实现瀑布流以及加载效果

Feb 11 #Javascript