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 相关文章推荐
Tab页界面,用jQuery及Ajax技术实现
Sep 21 Javascript
javasctipt如何显示几分钟前、几天前等
Apr 30 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 Javascript
在JavaScript应用中实现延迟加载的方法
Jun 25 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
Bootstrap3学习笔记(三)之表格
May 20 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
JavaScript实现百度搜索框效果
Mar 26 Javascript
使vue实现jQuery调用的两种方法
May 12 jQuery
搭建一个Koa后端项目脚手架的方法步骤
May 30 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 和 HTML
2006/10/09 PHP
如何使用PHP往windows中添加用户
2006/12/06 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
php实现paypal 授权登录
2015/05/28 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
解释&amp;&amp;和||在javascript中的另类用法
2014/07/28 Javascript
14个有用的Jquery技巧分享
2015/01/08 Javascript
JS打字效果的动态菜单代码分享
2015/08/21 Javascript
基于JavaScript代码实现pc与手机之间的跳转
2015/12/23 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
2016/10/20 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
JS实现的Unicode编码转换操作示例
2017/04/28 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
详解vue-router传参的两种方式
2018/09/10 Javascript
js实现双人五子棋小游戏
2020/05/28 Javascript
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
python逆序打印各位数字的方法
2018/06/25 Python
python3爬虫中引用Queue的实例讲解
2020/11/24 Python
jupyter 添加不同内核的操作
2021/02/06 Python
HTML5 本地存储和内容按需加载的思路和方法
2011/04/07 HTML / CSS
英国花园药房: The Garden Pharmacy
2017/12/28 全球购物
乌克兰网上服装店:Bolf.ua
2018/10/30 全球购物
简述数组与指针的区别
2014/01/02 面试题
校庆口号
2014/06/20 职场文书
英语三分钟演讲稿
2014/08/19 职场文书
个人作风建设心得体会
2014/10/22 职场文书
投标单位介绍信
2015/05/05 职场文书
红色故事汇观后感
2015/06/18 职场文书
教师师德承诺书2016
2016/03/25 职场文书
python实现进度条的多种实现
2021/04/29 Python
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript
uniapp开发打包多端应用完整方法指南
2022/12/24 Javascript