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 相关文章推荐
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
Jun 20 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
vue.js实现条件渲染的实例代码
Jun 22 Javascript
Vue.js更改调试地址端口号的实例
Sep 19 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
Nov 21 Javascript
Vue引入Stylus知识点总结
Jan 16 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
Nov 12 Javascript
vue递归实现树形组件
Jul 15 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简单获取文件扩展名的方法
2015/03/24 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
Jquery中显示隐藏的实现代码分析
2011/07/26 Javascript
Extjs中ComboBox加载并赋初值的实现方法
2012/03/22 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
JQuery中如何传递参数如click(),change()等具体实现
2013/04/28 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
js获取当前时间显示在页面上并每秒刷新
2014/12/24 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
JS canvas实现画板和签字板功能
2021/02/23 Javascript
windows下wxPython开发环境安装与配置方法
2014/06/28 Python
Python脚本实时处理log文件的方法
2016/11/21 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
CSS3关于z-index不生效问题的解决
2020/02/19 HTML / CSS
加拿大在线隐形眼镜专家:PerfectLens.ca
2016/11/19 全球购物
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
初中班主任评语大全
2014/04/24 职场文书
新党章的学习心得体会
2014/11/07 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
作文评语怎么写
2014/12/25 职场文书
财务部岗位职责
2015/02/03 职场文书
怎样写辞职信
2015/02/27 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
python用字节处理文件实例讲解
2021/04/13 Python
OpenCV-Python实现怀旧滤镜与连环画滤镜
2021/06/09 Python
MySQL中rank() over、dense_rank() over、row_number() over用法介绍
2022/03/23 MySQL
Java版 单机五子棋
2022/05/04 Java/Android