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 checkbox(复选框) 使用集锦
Apr 28 Javascript
JavaScript Event学习第五章 高级事件注册模型
Feb 07 Javascript
js获取url参数值的两种方式
Sep 10 Javascript
深入浅析JavaScript中对事件的三种监听方式
Sep 29 Javascript
javascript事件绑定学习要点
Mar 09 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 Javascript
Bootstrap Table快速完美搭建后台管理系统
Sep 20 Javascript
详解Immutable及 React 中实践
Mar 01 Javascript
Vue弹出菜单功能的实现代码
Sep 12 Javascript
记录一次完整的react hooks实践
Mar 11 Javascript
使用Vue实现简单计算器
Feb 25 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
30个php操作redis常用方法代码例子
2014/07/05 PHP
浅谈使用 PHP 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
js chrome浏览器判断代码
2010/03/28 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
2013/08/23 Javascript
javascript函数定义的几种区别小结
2014/01/06 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
2015/08/01 Javascript
学习JavaScript设计模式(接口)
2015/11/26 Javascript
jQuery插件实现图片轮播特效
2016/06/16 Javascript
JavaScript使用键盘输入控制实现数字验证功能
2016/08/19 Javascript
jQuery解析返回的xml和json方法详解
2017/01/05 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
Js自定义多选框效果的实例代码
2017/07/05 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
CountUp.js数字滚动插件使用方法详解
2019/10/17 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
JS页面动态绘图工具SVG,Canvas,VML介简介
2020/10/16 Javascript
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
Python Socket传输文件示例
2017/01/16 Python
Flask框架WTForm表单用法示例
2018/07/20 Python
Python面向对象特殊属性及方法解析
2020/09/16 Python
python获取linux系统信息的三种方法
2020/10/14 Python
复古服装:RetroStage
2019/05/10 全球购物
巴西购物网站:Onofre Agora
2020/06/08 全球购物
关于Assembly命名空间的三个面试题
2015/07/23 面试题
软件生产职位结构化面试主要考察要素及面试题库
2015/06/12 面试题
鞋类设计与工艺专业销售求职信
2013/11/01 职场文书
《蒲公英》教学反思
2014/02/28 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
找规律教学反思
2016/02/23 职场文书
Python学习之时间包使用教程详解
2022/03/21 Python
python数据处理之Pandas类型转换
2022/04/28 Python