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实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
Sep 10 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
JavaScript父子窗体间的调用方法
Mar 31 Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
Bootstrap三种表单布局的使用方法
Jun 21 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 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
You might like
PHP VS ASP
2006/10/09 PHP
PHP4实际应用经验篇(7)
2006/10/09 PHP
php中的注释、变量、数组、常量、函数应用介绍
2012/11/16 PHP
php如何实现数据库的备份和恢复
2020/11/30 PHP
javascript FormatNumber函数实现方法
2008/12/30 Javascript
jquery的$(document).ready()和onload的加载顺序
2010/05/26 Javascript
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
JS实现的仿QQ空间图片弹出效果代码
2016/02/23 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
详解JS中的立即执行函数
2017/02/24 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
2018/01/12 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
原生JavaScript实现随机点名表
2021/01/14 Javascript
[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第二场 8.20.mp4
2019/08/22 DOTA
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
pygame学习笔记(4):声音控制
2015/04/15 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
2018/10/21 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
数据库的约束含义
2012/09/09 面试题
学年自我鉴定范文
2013/10/01 职场文书
注塑工厂厂长岗位职责
2013/12/02 职场文书
先进集体获奖感言
2014/02/13 职场文书
大学生2014全国两会学习心得体会
2014/03/10 职场文书
《小动物过冬》教学反思
2014/04/17 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
2014年办公室文员工作总结
2014/11/12 职场文书
初三语文教学计划
2015/01/22 职场文书
会计人员岗位职责
2015/02/03 职场文书
搬迁通知
2015/04/20 职场文书
辣妈辣妹观后感
2015/06/10 职场文书
2019送给家人们的中秋节祝福语
2019/08/15 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python
Python 类,对象,数据分类,函数参数传递详解
2021/09/25 Python