位置: 编程技术 - 正文

举例讲解jQuery中可见性过滤选择器的使用(举例说明jquery的功能)

编辑:rootadmin

推荐整理分享举例讲解jQuery中可见性过滤选择器的使用(举例说明jquery的功能),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:举例说明jquery的功能,jquery的理解,jquery的理解,浅谈jquery的应用,jquery例子,jquery用处,简述jquery的常用方法,举例说明jquery的功能,内容如对您有帮助,希望把文章链接给更多的朋友!

可见性过滤器可见性过滤器根据元素的可见性和不可见性来选择相应的元素。 过滤器名 jQuery 语法 说明 返回 :hidden $(':hidden') 选取所有不可见元素 集合元素 :visible $(':visible') 选取所有可见元素 集合元素

注意::hidden 过滤器一般是包含的内容为:CSS 样式为display:none、input 表单类型为type="hidden"和visibility:hidden 的元素。

示例jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素。主要有两个:可见:visible和不可见:hidden。今天我们主要来学习这两个选择器的使用。先来看一个HTML结构,方便学习这两个选择器的使用:

CSS Code:

初步效果

下面我们分别来看看这两个选择器的语法和使用规则以及所起的作用

一、不可见性选择器::hidden

选择器

描述:

E:hidden表示选择隐藏的E元素,而:hidden表示选取所有不可见的元素

返回值:

集合元素

实例:

举例讲解jQuery中可见性过滤选择器的使用(举例说明jquery的功能)

功能:

":hidden"选取所有不可见的元素,有的浏览器还包含了<header>内所有标签,而且这里所指的不可见元素是样式为“display:none”和表单“type="hidden"”两种,而不包含“visibility:hidden”的隐藏元素。另外提醒大家,“:hidden”有的会导致选择中<header>内所有标签,所以建议前面加个元素标签。

效果:

二、可见性选择器::visible

选择器:

或者

描述:

“E:visible”表示选择可见的E元素,比如说“$("div:visible")”表示选择所有可见的div元素,而“$(":visible")”表示选择所有可见元素

返回值:

集合元素

实例:

功能:

上面第一段代码是鼠标单击可见的DIV元素后,该元素会增加一个2px红色边框的样式,而第二段代码是单击按钮会显示所有隐藏的元素,并加上红色背景色。这里所指的可见元素和我们前面隐藏元素一样,只是没有被“display:none”或“.hide()”隐藏的元素。

效果:

最后再说一点:“:visible”过滤出所有可见元素,但是这里的可见是指没有被“display:none”或者使用“.hide()“函数隐藏的元素;”:hidden“是选择所有隐藏元素。同样,这里所谓隐藏,不是指”visibility:hidden“,而是指”display:none“或”type="hidden"“的form元素。

有关于jQuery的可见性过滤选择器就简单介绍到这里了,感兴趣的朋友可以在本地测试一下,这样可能加强对他们的理解。

简单讲解jQuery中的子元素过滤选择器 子元素过滤器的过滤规则是通过父元素和子元素的关系来获取相应的元素。$('li:first-child').css('background','#ccc');//每个父元素第一个li元素$('li:last-child').css

jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载 我们经常会应用到日期和时间选择器,之前我们使用最多的是jQueryUI的datepicker(),那么今天我给大家介绍一款非常有趣的日期和时间选择器,它分为日期

jQuery实现选项联动轮播效果【附实例】 !doctypehtmlhtmllang="en"headmetacharset="UTF-8"metaname="Generator"content="EditPlus"metaname="Author"content=""metaname="Keywords"content=""metaname="Description"content=""linkrel="stylesheet"href="

标签: 举例说明jquery的功能

本文链接地址:https://www.jiuchutong.com/biancheng/384963.html 转载请保留说明!

上一篇:jQuery的内容过滤选择器学习教程(jquery内容过滤选择器有哪些)

下一篇:简单讲解jQuery中的子元素过滤选择器(jquery详解)

  • 车辆出现质量问题
  • 计提附加税的金额怎么算
  • 餐饮费入什么科目
  • 专票要写开户行和账号
  • 金蝶入账流程
  • 发票丢失了可以报销吗
  • 企业向个人借款是否合法
  • 生产经营所得的税率表
  • 对公账户发工资1万要交税吗
  • 企业资金运动包括哪几个环节
  • 贸易公司的印花税税率是多少
  • 如何确定企业
  • 增值税销项税额在借方还是贷方
  • 部分红冲的发票无法勾选怎么办
  • 企业收到免税发票后怎么开票
  • 增资扩股如何操作
  • 印花税算错了可以补交吗
  • 税控盘抵税账务处理
  • 搬运费计入
  • 施工企业已完工程成本如何结转
  • 没有收到发票的支出可以做成本吗
  • 增值税计税依据包含消费税吗
  • 公司购买的矿泉水属于什么科目
  • 物流辅助服务需要办许可证吗
  • 出租厂房算什么收入
  • 土地作价入股土地如何过户
  • 兼营销售的销售额的确定
  • 计提坏账准备的会计分录
  • 如何让解决中世纪基督教世界黑暗
  • 如何修改去年的智慧团建评议结果
  • 入账成本包括增值税税额吗
  • babel-plugin-import
  • Window7+CentOS 6.5双系统安装图文方法
  • 中秋节给员工购物文案
  • 企业汇算清缴后发现有多计提的成本
  • 支票怎么用,开了支票立即可以取钱吗
  • 预计利润表中的销售成本如何计算
  • 野外生存探险家
  • 企业所得税计算器在线计算
  • vue mocha
  • 深度学习实战(十):使用 PyTorch 进行 3D 医学图像分割
  • 企业所得税算法例题解析
  • 收到的现金折扣
  • 外购商品发放给员工 进项税额能不能抵扣
  • 生育津贴是怎么申请
  • 计提城建税的会计分录怎么写
  • 名为股权转让实为房地产转让
  • 生产企业购进的生产原材料用来装修公司会计处理
  • 收取物业费如何纳税
  • 银行手续费发票负数是啥意思
  • 一年以上的借款是长期借款吗
  • 普通发票和增值税发票的区别图片
  • 个人如何成立公司
  • 除MSSQL数据库text字段中恶意脚本的删方法
  • mysql5.7.29安装
  • win8系统连接网络
  • linux 添加ipv6路由
  • freebsd11.3安装教程
  • nvm是啥
  • win10苹果版
  • 防盗信息
  • mac怎么连续播放视频
  • centos清理缓存
  • centos必学的60个命令
  • qbupdate.exe - qbupdate是什么进程 有什么作用
  • centos怎么安装yum源
  • opengl画直线函数
  • javascript高级程序设计电子书
  • bootstrap制作的网站页面
  • django实时刷新日志前端
  • [置顶]JM259194
  • js图片轮播和点击切换
  • 安卓如何实现图片上传功能
  • 电子税务局实名认证
  • 北京海淀区国税有几个办税大厅?
  • 公积金扣800一个月多少钱
  • 国家税务总局成都市武侯区税务局
  • 12366几点上班人工服务
  • 改革概念股是什么
  • 重庆税务查询企业信息查询系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设