位置: 编程技术 - 正文

举例讲解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详解)

  • 应交税费借方和贷方各表示什么
  • 分期付款的消费税按实际收入算吗对吗
  • 租赁合同管理台账范本
  • 营业执照副本上的二维码扫描不出来
  • 如何确定开票税率是否正确
  • 增值税技术维护费每年都可以抵减吗?
  • 信用代码证过期银行能转账吗
  • 会计科目生产成本怎么算
  • 小规模纳税人一个季度多少免税
  • 援企稳岗补贴的申请理由
  • 分支机构是否需要进行企业所得税汇算清缴申报
  • 企业购进废旧厂房的分录
  • 无形资产增值税计入入账价值吗
  • 出口进项税额转出怎么做账务处理
  • 税控技术服务费计入什么科目
  • 借款给其他公司的会计分录怎么写
  • 小规模纳税人季度申报表怎么填
  • 土地增值税的纳税人是在我国境内
  • 航天信息服务费280元会计处理
  • 投资管理公司收费
  • 现金流量表的余额和资产负债表货币资金是不是一定相等
  • 个体户需要记账嘛
  • 税控盘服务费申报是在哪里填写
  • 生育津贴还扣税吗
  • 有限合伙人的投资风险有哪些
  • 增值税专用发票电子版
  • 网速突然变差是什么原因
  • 记账凭证的摘要怎么填写
  • windows10什么时候上市
  • 对公账户转私人账户手续费多少
  • php升级到php7注意的问题
  • 固定资产的计量属性
  • 公民什么情况纳税
  • php判断密码长度
  • 工商年报中营业费用包括
  • uniapph5微信支付
  • vue监听页面加载完毕
  • docker 容器
  • linux嵌入式开发教程
  • phpwebsocket框架
  • php构造函数重载
  • 可予税前扣除的合理部分
  • 归还长期借款会计分录例题
  • 税审报告什么时候出
  • 小微企业所得额如何计算
  • 小规模超500万升一般纳税人规定
  • 职工福利费开支超过准予扣除标准的金额为1.2
  • 母子公司收入合并
  • 视同销售的情况是?
  • 宿舍宽带费用
  • 工会经费在哪儿申报
  • 财政拨款的事业单位工资
  • 软件行业成本如何归集
  • 有进项无销项如何申报
  • 银行存款实际余额不足
  • 利得与损失的四种类型
  • 研发费用怎样进成本科目
  • 凭证填制的标准要求
  • 待摊费用怎么做凭证科目
  • 公司初建账都有什么账
  • win8开始菜单怎么设置
  • 多台电脑ip地址设置
  • 如何升级mac系统到10.12
  • windows以管理员权限打开文件
  • win7专用字符编辑程序
  • 怎么判断进程是否存在
  • win7不能玩dnf
  • ,linux
  • python自动报表
  • 微信小程序使用webview
  • crontab每秒执行一次命令
  • 编写程序实现将两个文本文件的内容合并
  • python中的is和==的区别
  • jquery lazyload
  • android studio快捷键补全
  • 安装了python2.7和3.6怎么切换版本
  • 深入理解新发展理念,推进供给侧结构性改革
  • jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
  • ApplicationId与PackageName的区别
  • 公务员副处级工资待遇
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设