位置: 编程技术 - 正文

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

  • 外贸企业出口流程图
  • 支付给法律顾问的钱
  • 运输服务属于生产劳务吗
  • 专票抵扣进项税可以省钱吗
  • 四种股利分配政策类型
  • 申报个税需要扣除公积金和社保吗
  • 一般纳税人印花税税率是多少
  • 税款差0.01是怎么用会计分录处理
  • 员工住院费用公司报销吗
  • 农林牧渔业项目概述怎么写
  • 汇算清缴需要准备哪些数据
  • 年金计算个税需要扣除吗
  • 企业拆迁补偿款要交哪些税
  • 2020年小规模生活服务业优惠政策
  • 自由职业者知乎
  • 对公账户开通网银有什么好处
  • 对公账户收到个人汇款 退还
  • 固定资产计提折旧的会计科目
  • 个独企业生产经营所得税率
  • 企业为职工缴纳的五险一金占工资总额的多少
  • 工程用的叉车计提折旧记到什么科目?
  • 管理费用进项税额转出会计分录
  • 如何在虚拟机上下载软件
  • bios如何恢复默认值
  • 如何编辑受保护的word文档
  • 跨年度暂估成本入账冲回如何会计分录
  • 经费支出渠道
  • 买入投资性房地产的会计处理
  • php数组函数面试题
  • php操作mysql数据库
  • MacOS X Yosemite升级后postgresql启动报错的解决办法
  • Win7系统电脑c盘什么都没有为什么满了
  • 提前退休的一次性补贴收入
  • php数组函数大全
  • 医疗保险在外地交了老家还要交吗
  • vitem
  • linux 文件修改
  • 转让房屋土地增值税如何计算
  • 期票是不是承兑汇票
  • 金融企业贷款损失准备金计提比例
  • php正则替换字符串
  • 天窗漏进来的水去哪了
  • 考研408怎么样
  • 国税一证通
  • php对象
  • php合并数组的方法
  • 投资公司取得的发票
  • 代垫运费增值税计入销项税额吗
  • 交通费比例
  • 股东撤资怎么做账
  • 长期资产包含哪些
  • 公对公退款必须退至原账户的规定
  • 长期股权投资追溯调整有几种情况
  • 影响留存收益变动的选折题
  • 合伙人资本属于个人资本吗?
  • 公司还没有注销但是银行账户已经去注销了
  • 收到实务返利的发票
  • 微信支付的账务在哪里
  • 固定资产融资租出计入什么科目
  • 当月管理费用为负数
  • 差旅费的现金流
  • 员工个人买的保险可以税前扣除吗
  • 快递公司的主营业务范围
  • 企业固定资产标准最新规定
  • windows任务管理器怎么打开
  • 电脑安装了安卓系统没用
  • win10快捷键合集
  • windos8怎么样
  • nginx实现负载均衡的流程
  • 32位系统的电脑可以连接打印机吗
  • window8系统ie浏览器在哪里
  • 批处理统计文件夹内文件大小
  • IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
  • shell基础教程
  • vue数组里面添加数组
  • jquery的动画效果
  • 国家税务总局通知公告
  • 溧阳北站规划图
  • 报考地税局的要求是什么
  • 应聘保险公司需要了解什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设