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 相关文章推荐
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
Mar 23 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 Javascript
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
给ListBox添加双击事件示例代码
Dec 02 Javascript
js实现省市联动效果的简单实例
Feb 10 Javascript
javascript解析json实例详解
Nov 05 Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
js原生跨域_用script标签的简单实现
Sep 24 Javascript
JS实现的点击按钮图片上下滚动效果示例
Jan 28 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
详解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的curl实现get和post的代码
2008/08/23 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
php cookie的操作实现代码(登录)
2010/12/29 PHP
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
js 跨域和ajax 跨域问题小结
2009/07/01 Javascript
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
2015/09/10 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
强大Vue.js组件浅析
2016/09/12 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
jQuery实现的记住帐号密码功能完整示例
2019/08/03 jQuery
JavaScript多种图形实现代码实例
2020/06/28 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
[01:24]2014DOTA2 TI第二日 YYF表示这届谁赢都有可能
2014/07/11 DOTA
python中使用print输出中文的方法
2018/07/16 Python
python实现年会抽奖程序
2019/01/22 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
Hotels.com印度:酒店预订
2019/05/11 全球购物
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
市场开发计划书
2014/05/07 职场文书
小学领导班子对照材料
2014/08/23 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
餐馆开业致辞
2015/08/01 职场文书
优秀学生主要事迹怎么写
2015/11/04 职场文书
html+css 实现简易导航栏功能
2021/04/07 HTML / CSS
Python数据类型最全知识总结
2021/05/31 Python