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实现的批量图片预览加载功能
Aug 14 Javascript
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
Apr 07 Javascript
圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
Dec 27 Javascript
js遍历、动态的添加数据的小例子
Jun 22 Javascript
ExtJS判断IE浏览器类型的方法
Feb 10 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
BootStrap实现轮播图效果(收藏)
Dec 30 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
vue-autoui自匹配webapi的UI控件的实现
Mar 20 Javascript
如何在JavaScript中等分数组的实现
Dec 13 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 split汉字
2009/06/05 PHP
php set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
php中实现简单的ACL 完结篇
2011/09/07 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
php自定义加密与解密程序实例
2014/12/31 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
PHP实现的策略模式简单示例
2017/08/25 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
jquery实现界面无刷新加载登陆注册
2016/07/30 Javascript
JS实现数组去重复值的方法示例
2017/02/18 Javascript
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
nodejs多版本管理总结
2018/04/03 NodeJs
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
Python切片知识解析
2016/03/06 Python
Python实现动态加载模块、类、函数的方法分析
2017/07/18 Python
python 搜索大文件的实例代码
2019/07/08 Python
浅谈Python 递归算法指归
2019/08/22 Python
基于K.image_data_format() == 'channels_first' 的理解
2020/06/29 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
超级实用的8个Python列表技巧
2020/08/24 Python
分享unittest单元测试框架中几种常用的用例加载方法
2020/12/02 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
伦敦一家西班牙童装精品店:La Coqueta
2018/02/02 全球购物
时尚、社区、科技:SEVENSTORE
2019/04/26 全球购物
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
物业客服专员岗位职责
2015/04/07 职场文书
2016年清明节寄语
2015/12/04 职场文书
python机器学习实现oneR算法(以鸢尾data为例)
2022/03/03 Python