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') 解析及用法(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js如何实现设计模式中的模板方法
Jul 23 Javascript
jquery实现动静态条形统计图
Aug 17 Javascript
Sort()函数的多种用法
Mar 20 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 Javascript
浅析vue component 组件使用
Mar 06 Javascript
JS中IP地址与整数相互转换的实现代码
Apr 10 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
详解vue.js的devtools安装
May 26 Javascript
JavaScript函数中的this四种绑定形式
Aug 15 Javascript
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 Vue.js
详解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
You might like
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
PHP 八种基本的数据类型小结
2011/06/01 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
php中__destruct与register_shutdown_function执行的先后顺序问题
2014/10/17 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
浅析php中array_map和array_walk的使用对比
2016/11/20 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
Javascript之文件操作
2007/03/07 Javascript
js中onload与onunload的使用示例
2013/08/25 Javascript
从jquery的过滤器.filter()方法想到的
2013/09/29 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
js实现继承的5种方式
2015/12/01 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
从零学习node.js之搭建http服务器(二)
2017/02/21 Javascript
解决vue动态为数据添加新属性遇到的问题
2018/09/18 Javascript
简述vue路由打开一个新的窗口的方法
2018/11/29 Javascript
Vue基础配置讲解
2019/11/29 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
python django 访问静态文件出现404或500错误
2017/01/20 Python
Python实现通过文件路径获取文件hash值的方法
2017/04/29 Python
Python SQLite3数据库日期与时间常见函数用法分析
2017/08/14 Python
深入浅析python 中的匿名函数
2018/05/21 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
python判断自身是否正在运行的方法
2019/08/08 Python
python opencv图片编码为h264文件的实例
2019/12/12 Python
Python运行DLL文件的方法
2020/01/17 Python
Python logging模块handlers用法详解
2020/08/14 Python
哈萨克斯坦最大的时装、鞋子和配饰在线商店:Lamoda.kz
2019/11/19 全球购物
大学生的应聘自我评价
2013/12/13 职场文书
优秀毕业生自我鉴定
2014/02/11 职场文书
python 遍历磁盘目录的三种方法
2021/04/02 Python
Python的三个重要函数详解
2022/01/18 Python
Python OpenCV超详细讲解调整大小与图像操作的实现
2022/04/02 Python