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 中的类和闭包
Jan 08 Javascript
新鲜出炉的js tips提示效果
Apr 03 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
JavaScript实现实时更新系统时间的实例代码
Apr 04 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
vuex存值与取值的实例
Nov 06 Javascript
JavaScript将数组转换为链表的方法
Feb 16 Javascript
如何用JS模拟实现数组的map方法
Jul 30 Javascript
解决vue init webpack 下载依赖卡住不动的问题
Nov 09 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设计模式 Chain Of Responsibility (职责链模式)
2011/06/26 PHP
Codeigniter的一些优秀特性总结
2015/01/21 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
[原创]用javascript实现检测指定目录是否存在的方法
2008/01/12 Javascript
JS的数组的扩展实例代码
2008/07/09 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
jQuery+正则+文本框只能输入数字的实现方法
2016/10/07 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
2016/12/14 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
2017/03/08 Javascript
javascript 秒表计时器实现代码
2017/03/09 Javascript
Node.js 中exports 和 module.exports 的区别
2017/03/14 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
nodeJs项目在阿里云的简单部署
2020/11/27 NodeJs
python复制文件代码实现
2013/12/23 Python
python开发之tkinter实现图形随鼠标移动的方法
2015/11/11 Python
python通过cookie模拟已登录状态的初步研究
2016/11/09 Python
浅谈五大Python Web框架
2017/03/20 Python
Python实现读取TXT文件数据并存进内置数据库SQLite3的方法
2017/08/08 Python
Python实现手写一个类似django的web框架示例
2018/07/20 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
如何利用Python 进行边缘检测
2020/10/14 Python
Python Spyder 调出缩进对齐线的操作
2021/02/26 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
html5配合css3实现带提示文字的输入框(摆脱js)
2013/03/08 HTML / CSS
机械设计及其自动化专业推荐信
2013/10/31 职场文书
2015年暑假工作总结
2015/07/13 职场文书
2016年感恩教师节校园广播稿
2015/12/18 职场文书
CI Games宣布《堕落之王2》使用虚幻引擎5制作 预计将于2023年正式发售
2022/04/11 其他游戏