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实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
Sep 09 Javascript
javascript的alert box在java中如何显示多行
May 18 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
Jul 27 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
May 15 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
Oct 09 Javascript
详解Node.js实现301、302重定向服务
Apr 07 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 Javascript
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
微信小程序通过js实现瀑布流布局详解
Aug 28 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 事务处理数据实现代码
2010/05/13 PHP
php socket实现的聊天室代码分享
2014/08/16 PHP
PHP中iconv函数知识汇总
2015/07/02 PHP
在php中设置session用memcache来存储的方法总结
2016/01/14 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
JavaScript 异步调用框架 (Part 2 - 用例设计)
2009/08/03 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
2010/11/21 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
我的Node.js学习之路(四)--单元测试
2014/07/06 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
2015/05/26 Javascript
JavaScript中利用各种循环进行遍历的方式总结
2015/11/10 Javascript
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
移动端手指放大缩小插件与js源码
2017/05/22 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
python查询sqlite数据表的方法
2015/05/08 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
python读取图片任意范围区域
2019/01/23 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
用html5实现语音搜索框的方法
2014/03/18 HTML / CSS
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
日常奢侈品,轻松购物:Verishop
2019/08/20 全球购物
5.1手机促销活动
2014/01/17 职场文书
小学生爱国演讲稿
2014/04/25 职场文书
股票投资建议书
2014/05/19 职场文书
2014年人事工作总结范文
2014/11/19 职场文书
详解Mysql 函数调用优化
2021/04/07 MySQL
Android Canvas绘制文字横纵向对齐
2022/06/05 Java/Android