位置: 编程技术 - 正文

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

  • 资产现金流量收益率计算例题
  • 销售旧货的增值税税率
  • 收到房租费发票如何做账
  • 超市购物卡发票可以报销吗
  • 企业季度预缴所得税怎么账务处理
  • 房地产企业可以贷款吗
  • 预计负债账务处理 固定资产
  • 买赠销售方式的税务筹划
  • 未分配利润太多说明什么
  • 银行提供服务收费标准
  • 转出多交增值税借方余额表示
  • 挂靠经营的纳税人
  • 增值税普通发票有什么用
  • 单位个人实际困难怎么写
  • 核定征收分几种
  • 对方不开票
  • 打印的行程单可以删除吗
  • 股权激励取消怎么处理?
  • 腾讯手游助手卡顿严重
  • mac怎么传文件到百度网盘上
  • 期间费用包括哪几个科目
  • 跨越红字专用发票开票流程
  • 王者荣耀英雄印花衣服哪里批发
  • 招待客户住宿费用计入什么科目
  • 送给经销商的祝福语
  • 委托外部加工材料支付加工费计入
  • 空调拆卸安装怎么找师傅
  • 结转商品的成本的会计分录
  • 赤狐 (© Yossi Eshbol/Minden Pictures)
  • unix时间戳长度
  • python雪花算法生成id
  • 投资收益属于营业外收入吗
  • 原始凭证必须来源于外部吗
  • php会员到期功能
  • html常用标签有哪些
  • 汇算清缴所得税是什么意思
  • calc下载
  • 增值税年末留底
  • 企业日常费用支出明细表
  • 金蝶财务软件系统要求
  • 织梦产品详情页相关产品推荐调用代码
  • 中小型企业营业额和从业人数
  • 保税区商品可以开发票吗
  • 人力资源劳务外包需要什么资质证书
  • 个人所得税的征收模式为()A
  • 餐饮会计内账怎么记账
  • 清算期间研发费怎么算
  • 购货方收到销售方提供的发票怎么做分录
  • 坏账准备与应收账款的影响有哪些
  • 辞退福利什么时候确认
  • 应收账款多出来的钱记到什么科目
  • 软件公司se
  • 新建厂房哪些费用可以计入
  • 企业股东的出资方式
  • 旅行社财务会计工作内容
  • 什么是逐步结转分步法
  • mysql保留整数
  • sql中的存储过程是干嘛用的
  • win7断电后无法启动
  • linux i
  • linux系统批量任务
  • 你会支持国产系统吗英文
  • opengl 变形
  • 动态添加echarts
  • android Unable to execute dex问题的解决
  • ftp下载怎么用
  • JavaScript驾驭网页-CSS与DOM
  • Node.js中的全局变量有哪些
  • 批处理设置文件夹添加user组权限
  • unity提高渲染画质
  • js操作对象的方法
  • js实现自定义打印
  • android简单项目及代码
  • 湖南省税务局网站2024公务员招聘
  • 股权转让申报期限
  • 钢材出口关税税率是多少
  • 国税总局关于总局的文件
  • 怎么找到税控系统发票作废怎么操作
  • 收取广告费收入怎么入账
  • 企业资金运转资金投放
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设