位置: 编程技术 - 正文

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

  • 企业所得税年报申报时间
  • 设备租赁公司印花税怎么交
  • 偶然所得税什么时候颁布
  • 印花税应纳税额计算方法
  • 其他业务收入在借方表示什么
  • 公司付款发票
  • 利润表中的管理费用和研发费用怎么填
  • 取得经营所得需要纳税人自行申报嘛
  • 土地增值税清算规程实施细则
  • 水利建设专项收入怎么报税
  • 新产品开发费用怎么扣除
  • 提前退休获得一次性补贴要交个人所得税吗?
  • 企业注销后资产如何处置
  • 汇算清缴时资产总额如何计算
  • 待抵扣进项税贷方有余额什么意思
  • 文化建设服务费减免
  • 付款账号姓名是什么意思
  • 专票当月开的能作废吗
  • 公账转私账可以撤销吗
  • 小规模增值税报表模板
  • 本年利润在借方表示什么意思
  • 刚注册的有限公司可以马上注销吗
  • 出租商品计入什么科目
  • PACKAGER.EXE - PACKAGER是什么进程 有什么用
  • 排污费应计入什么会计科
  • 出差补贴是必须的吗
  • 保洁费入账
  • 长期股权投资初始投资成本和入账价值
  • PHP:mcrypt_module_is_block_algorithm()的用法_Mcrypt函数
  • 伫立枝头的旅鸫鸟,加拿大 (© marcophotos/Getty Images)
  • php分页页码动态的实现
  • reactz
  • css+html
  • SpringBoot+Vue实现简单用户管理平台第一篇(后端接口设计)
  • 命令行改gpt
  • 库存周转率会大于1吗
  • 固定资产包括无形资产吗?
  • 小企业会计制度的适用对象是
  • phpcms v9用户手册
  • 新准则委托代建会计处理
  • 筹建期发生的费用会计分录
  • access 模糊匹配
  • mysql@变量
  • 信息采集是哪个部门负责
  • 小规模增值税申报未开票收入怎么填
  • 2020年工资标准表
  • 商务费用报销的工作步骤
  • 外贸企业账务处理流程举例讲解
  • 再保险责任的承担
  • 企业所得税退税如何进行账务处理
  • 计提销售费用什么意思
  • 政府对失业人员补贴
  • 金税服务费发票哪里打印
  • 财税2009年87号文废止
  • 高新企业 要求
  • 注销股本对所有股票影响
  • 数电怎么增加开票员
  • 如何备份还原电脑系统
  • win10怎么安装网络驱动程序
  • ubuntu系统怎么开机
  • 笔记本不支持win8
  • win10预览版和正式版区别
  • win7 64位系统使用百度影音播放视频没声音没画面的故障原因及解决方法
  • win7系统注册表损坏无法启动
  • win10玩cf几分钟无响应
  • win10系统怎么设置开机启动项
  • unity怎么输出文件
  • opengl详解
  • android opencl
  • msoobe命令
  • 使用权资产
  • JavaScript中的变量名不区分大小写
  • python如何安装各种库
  • jquery作品
  • 教你学python
  • jquery.load()方法,刷新网页
  • jQuery处理XML文件的几种方法
  • 内蒙古国家税务局网上电子税务局官网
  • 经济适用房土地使用年限
  • 江苏电子口岸卡邮寄大概需要多久
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设