位置: 编程技术 - 正文

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

  • 应收应付账务处理工作具体做哪些
  • 小规模纳税人生活服务业免征增值税
  • 机械设备租赁印花税谁交
  • 小规模企业所得税多少
  • 银行理财收益算错兑付怎么办
  • 委托加工消费税纳税义务发生时间
  • 免税产品的销项税
  • 产成品或自制半成品核算方法有哪些
  • 应交城市维护建设税分录怎么做
  • 收到老板给的购房发票
  • 企业债务的利息允许从税前利润扣除是什么意思
  • 赞助费属于赠与关系吗
  • 计提本月应缴纳增值税
  • 如何购买车辆保险
  • 财务会计中的费用
  • 关于不动产进项税额分期抵扣的新政策,以下不属于
  • 纯利润和毛利润哪个多
  • 建筑工程企业人力资源管理
  • 外企投资应该怎么投资
  • 劳务派遣公司增值税税率
  • 融资租入固定资产计提折旧吗
  • 费用开两次发票怎么入账?
  • 预提费用利息会增加吗
  • 小规模纳税人没有进项发票怎么办
  • shstart.exe - shstart是什么进程 有什么用
  • 总部资产减值测试例题
  • mysql如果不存在就创建表
  • uniapp引入全局scss
  • 劳务佣金合法吗?
  • 事业单位资产管理中存在的问题及整改措施
  • 流动资产处置利得
  • 房地产预缴所得税计算公式
  • 土地出让金返还比例是多少
  • 母公司将子公司的资产负债和当期损益
  • web主要的请求方式有几种
  • php用在哪些方面
  • vgremove命令
  • 支付货物运费计入什么科目
  • 装修费摊销会计准则
  • 库存商品用于研发要进项税额转出吗
  • 政府会计累计盈余解析
  • 出纳对现金的收付应该怎么做
  • db2教程
  • 专用发票跨月冲红流程
  • 个税代扣代缴手续费返还需要缴纳增值税吗
  • 税前利润是否等于利润总额
  • 个体户经营所得税率表
  • 总公司和子公司可以是一个法人吗
  • 建筑公司包工包料提供建筑服务
  • 企业支付的佣金计算多少税率呢
  • 来料加工成本是多少
  • 买赠行为的会计处理
  • 政府补贴业务如何发放
  • 代扣个人所得税怎么算
  • 招待费汇算清缴一定要调整的吗
  • 现金日记账的登记日期以什么日期为标准?
  • 检查sql脚本语法
  • mysql 1290怎么解决
  • xp系统无法登录系统
  • usrmlnka.exe - usrmlnka进程是什么意思
  • win10预览版选哪个
  • SsAAD.exe - SsAAD是什么进程
  • mac修改java版本
  • mac的dock栏怎么设置
  • 写出10个linux系统操作命令和用法
  • win11连接win7共享打印机
  • 电脑微软拼音输入法
  • 检查linux是否安装了,可用哪些命令
  • css动态网页
  • node.js 10实战
  • nodejs初始化
  • 固定栏跑到了左边怎么弄
  • cocos2dx 3.3 helloworld 入门 学习与详解
  • unity3d apk
  • easyui messager alert 三秒后自动关闭提示的实例
  • javascript基础笔记
  • 北京通个人认证
  • 在网上如何查询车辆违章
  • 福建省国家税务总局稽查局局长
  • 无锡市高新区税务局张贤平
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设