位置: 编程技术 - 正文

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

  • 申请A级纳税企业需具备哪些条件
  • 不能跨年
  • 个体工商户申报个税是按月按季度
  • 三栏式明细账适用于银行存款吗
  • 注册登记费用属于什么科目
  • 关联企业债资比 企业所得税
  • 承兑汇票大回头票是什么意思
  • 员工一次性补偿要缴纳个税吗
  • 公司支付员工工伤赔偿怎么做账
  • 被投资企业减资怎么做账
  • 食堂收入支出结构图
  • 劳动争议的解决途径不可以直接选择的是
  • 已开专票在哪里查询
  • 权益性投资损失包括哪些
  • 安装设备用的材料计入什么科目
  • 计提个税会计科目怎么做
  • 购买收益权如何缴税
  • 五险一金个人缴纳部分
  • exe是什么进程
  • 实收资本或股本账户属于企业的什么账
  • 为什么iphone手机闹钟定了不响
  • psoft1.exe - psoft1是什么进程 有什么作用
  • 通用pe工具箱安装教程
  • redis使用php
  • 出租商品计入什么科目
  • msscli.exe - msscli是什么进程 有什么用
  • kb4507449安装失败
  • explorer.exe是啥意思
  • 购买商场储值卡能退么?
  • nwtray.exe - nwtray是什么进程 作用是什么
  • web前端有哪些
  • sonar-scanner需要配置环境变量
  • annaconda安装opencv
  • 采购过程中发生材料毁损,由保险公司赔偿的部分
  • 建筑服务需要开外经证吗
  • 会计学中借和贷怎么区分
  • 不动产和无形资产的区别
  • 蒙大拿州美景
  • 白酒赠送消费税计算
  • PHP面向对象程序设计
  • 税收优惠会计分录 附加税
  • php显示错误报告方式
  • php获取网站html代码
  • vue引入网络js
  • 休产假期间社保个人部分怎么办
  • 税控盘开票日期一般截止到下个月几号
  • 业务员奖金
  • 当月发生的费用
  • 收到发票怎么写摘要
  • 把上级机关来文转给下级机关的通知
  • 铁路运费印花税怎么算
  • 委托加工的相关法律规定
  • 供货方代垫运费计入什么科目
  • 会计核算健全的单位 可以选择小规模纳税的有
  • 劳动关系从什么时候确立
  • 住宿费开的增值税专用发票怎么记账
  • 差旅费借贷记账法的会计分录
  • 工业企业产成品库存同比
  • sql中where语句的写法
  • kali linux 视频教程
  • 桌面快捷方式不显示图标怎么办
  • win10没有显示
  • windows更新后一直在欢迎界面
  • win10生物识别
  • ftp自动上传文件怎么关闭
  • cocos2dx游戏开发教程
  • 什么叫真游戏
  • 内存优化有哪些方法
  • 自动删除文件脚本bat
  • linux shell 进程
  • javascript学习指南
  • python给批量图片添加文字
  • unity中time.deltatime
  • 如何使用wordpress
  • 如何让listview提高效率
  • 设置自定义
  • 广东省电子税务局登录方式
  • 省委巡视组收到的案件线索怎么分配
  • 企业所得税年度申报时间
  • 车船税完税证明查询官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设