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中获取请求的URL参数[正则]
Dec 25 Javascript
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
JavaScript常用脚本汇总(二)
Mar 04 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
AngularJS入门教程之多视图切换用法示例
Nov 02 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
JavaScript严格模式不支持八进制的问题讲解
Nov 07 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页面实现定时跳转的方法
2014/10/31 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
PHP弹出对话框技巧详细解读
2015/09/26 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
一些不错的js函数ajax
2008/08/20 Javascript
表格单元格交错着色实现思路及代码
2013/04/01 Javascript
在jQuery中 常用的选择器介绍
2013/04/16 Javascript
jquery统计输入文字的个数并对其进行判断
2014/01/07 Javascript
JavaScript制作的可折叠弹出式菜单示例
2014/04/04 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
在AngularJS中使用AJAX的方法
2015/06/17 Javascript
jQuery往返城市和日期查询实例讲解
2015/10/09 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
JavaScript必知必会(三) String .的方法来自何方
2016/06/08 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
JavaScript数据结构之单链表和循环链表
2017/11/28 Javascript
vue登录路由验证的实现
2017/12/13 Javascript
vue监听对象及对象属性问题
2018/08/20 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
Python内置模块ConfigParser实现配置读写功能的方法
2018/02/12 Python
让你相见恨晚的十个Python骚操作
2020/11/18 Python
Python wordcloud库安装方法总结
2020/12/31 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
2014年项目经理工作总结
2014/11/24 职场文书
老人院义工活动感想
2015/08/07 职场文书
高三数学教学反思
2016/02/18 职场文书
vue实现同时设置多个倒计时
2021/05/20 Vue.js
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python
python b站视频下载的五种版本
2021/05/27 Python
详解python的异常捕获
2022/03/03 Python