位置: 编程技术 - 正文

jQuery的内容过滤选择器学习教程(jquery内容过滤选择器有哪些)

编辑:rootadmin

推荐整理分享jQuery的内容过滤选择器学习教程(jquery内容过滤选择器有哪些),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery内容过滤器使用方法,jquery表单元素过滤选择器,jquery内容过滤选择器有哪些,jquery 过滤,jquery 过滤,jquery内容过滤器有哪四种,jquery内容过滤器使用方法,jquery内容过滤器有哪四种,内容如对您有帮助,希望把文章链接给更多的朋友!

内容过滤器的过滤规则主要是包含的子元素或文本内容上。

jQuery 提供了一个has()方法来提高:has 过滤器的性能:

jQuery 提供了一个名称和:parent 相似的方法,但这个方法并不是选取含有子元素或文本的元素,而是获取当前元素的父元素,返回的是元素集合。

jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括以下四种过滤方法:

为了更好的学习,先写几个DOM元素的HTML结构:

一、内容过滤选择器——:contains(text)选择器:

E:contains(text) //E是指DOM元素,:contains(text)包含的文本,text是指定查找的字符串描述:

选取含有文本内容为“text”的元素

返回值:

集合元素

实例:

功能:

改变含有文本为“John”的div元素的背景色

效果:

回到前面的HTML结构中我们可以看出其中有两个div元素中包含了"John"文本,因为我们这里主要是改变了包含文本“John”的div的背景色,因此大家在效果中可以看出我们其中第一个和第三个div的背景色变成了"#f",为了更能体会从中的变化,大家可以通过Firefox中的Firebug工具看出HTML的变化:

二、内容过滤选择器——:empty

选择器:

E:empty //其中E为DOM元素,:empty是指DOM元素中不包含任何子元素或文本 描述:

选取不含任何子元素或文本的空元素

返回值:

集合元素

实例:

功能:

改变不含子元素(包括不含文本元素)的div的背景色,换句话说,就是改变不包含任何东西的div的背景色

效果:

jQuery的内容过滤选择器学习教程(jquery内容过滤选择器有哪些)

虽然我们前面的html中所有元素中不包含子元素,但有一些包含了文本元素,只有一个div和一个p元素具没有子元素也没有文本内容。加上我们这个例子中,我们只对不包含子元素和文本内容的div进行了改变背景色的设置,所以我们的效果中只有div加上了“#f”的背景色,同样我们来看看HTML的变化吧:

三、内容过滤选择器——:has(selector)

选择器:

E:has(selector) //其中E为有效果DOM元素标签,:has(selector)含有一个选择器,selector用于筛选的选择器

描述:

选取含有选择器所匹配的元素的元素

返回值:

集合元素

实例:

功能:改变含有子元素P的div元素的背景色效果:

在我们这个实例中,只有一个div中包含了子元素P,所以包含了符合这个要求的div元素其背景色被设置为“#f”,改变后的HTML:

四、内容过滤选择器——:parent

选择器:

E:parent //E为有效的DOM元素标签,:parent含有子元素或文本内容。

描述:

选取含有子元素或者文本的元素标签

返回值:

集合元素

实例:

功能:改变含有子元素或文本内容的div的背景色。换句话说只在div包含了任何一个子元素或者任何内容,其背景色都将会改变。效果:

本例子,只有一个div和一个p元素中不包含任何子元素和文本内容,因为我们这里是对div进行设置,所以效果中显示,除了这两个不含有子元素和任何内容的div的背景色都变成了“#f”,变化后的HTML:

有关于jQuery选择器中的内容过滤选择器,就简单的说到这里,大家如果想更深的体会其具体的用法,可以在本地多做几个实例练习。如果大家对jQuery选择器的其他选择器用法感兴趣的话,可以在本站中了解其他的选择器的具体功能和用法,同时也可以随时观注本站的内容更新。

举例讲解jQuery中可见性过滤选择器的使用 可见性过滤器可见性过滤器根据元素的可见性和不可见性来选择相应的元素。过滤器名jQuery语法说明返回:hidden$(':hidden')选取所有不可见元素集合元素:vis

简单讲解jQuery中的子元素过滤选择器 子元素过滤器的过滤规则是通过父元素和子元素的关系来获取相应的元素。$('li:first-child').css('background','#ccc');//每个父元素第一个li元素$('li:last-child').css

jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载 我们经常会应用到日期和时间选择器,之前我们使用最多的是jQueryUI的datepicker(),那么今天我给大家介绍一款非常有趣的日期和时间选择器,它分为日期

标签: jquery内容过滤选择器有哪些

本文链接地址:https://www.jiuchutong.com/biancheng/384962.html 转载请保留说明!

上一篇:原生JS和jQuery版实现文件上传功能(原生javascript)

下一篇:举例讲解jQuery中可见性过滤选择器的使用(举例说明jquery的功能)

  • 补提以前年度的盈余公积可以在本年任意月份提取吗
  • 预付款发票能入账吗
  • 化肥与农药的利与弊
  • 如何解除委托合同范文
  • 采购的固定资产验收无误后直接安装使用
  • 分公司能享受小微企业所得税优惠吗
  • 支付税盘服务费怎么做账
  • 预付房租的会计科目
  • 建筑行业如何结合个人例子写论文
  • 工程未竣工如何结算
  • 从银行取现回单怎么取
  • 专票信息内容
  • 会务费税率是多少 2021
  • 购货折让
  • 金蝶软件如何成批反审核
  • 进口退运货物基本流程
  • 代缴个税税务局奖励款怎么做账?
  • 合伙企业年度汇缴申报
  • 税控盘登不上怎么回事
  • 差旅费中的车票可以抵扣进项税吗
  • 1697510710
  • Win10家庭版安装教程
  • 工程安装成本分录
  • 电脑qq聊天框变成一侧显示的软件版本
  • 天津市残保金缴纳标准
  • 预收房屋租金
  • 支付报刊杂志费
  • php操作mysql数据库
  • 合营企业合营方
  • 梅萨维德国家公园特点
  • php映射
  • php中的九大缓存技术
  • css选择器nth
  • 学python真的好就业吗
  • 面试宝典下载
  • python的series
  • 未来的现金流折现
  • 公司承担员工的费用,员工违规吗
  • 保税区里的企业叫什么
  • java同步操作
  • 开增值税专用发票的好处
  • 租房合同 陷阱
  • 实际成本法如何核算
  • 销售货物提供运输服务分录
  • 银行承兑贴现需要多久
  • 支付给个人的佣金没有发票
  • 固定资产抵扣过处置还能简易计税吗
  • 临时设施科目计入什么
  • 5000以下固定资产一次性计提折旧政策
  • 固定资产抵扣比例
  • 销售一批产品给丙公司,该批产品标价200万yuan
  • 建筑企业提供服务的机制保障
  • 什么是固定资产的后续支出
  • 出租房屋的广告怎么写好
  • 库存商品的成本计算
  • sql必会知识
  • shell 加密密码
  • 如何查看文件系统
  • xwizard.exe是什么
  • win8摄像头设置
  • win8.1一直开机,无法进入主界面
  • windows7 dns
  • 游戏新手引导架构
  • bootstrap轮播插件
  • 关于session的用法哪些是错误的
  • 老生常谈的近义词
  • Node.js中的全局变量有哪些
  • jquery层次选择器主要包括哪几种分类
  • Ubuntu14.04 Android 源码编译
  • javascript数据结构与算法第三版
  • javascript基本语法
  • python 网络应用
  • 详解Bootstrap四种图片样式
  • Android ViewPager+Fragment滑动选项卡,tab点击选项卡
  • javascript截图找图
  • 安卓手机安装推特
  • 贴现再贴现转贴现的联系
  • 深圳个税官网
  • 沈阳市税务局最新公告
  • 外经证核销在公司所在地还是在项目所在地
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设