位置: 编程技术 - 正文

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的功能)

  • 财务软件属于哪种软件
  • 城镇土地使用税的计算公式
  • 新换财务软件如何登录
  • 转给子公司发工资分录
  • 工会福利费列支范围
  • 货物和运费一起开票怎么开
  • 发票作废了可以重新领吗
  • 固定资产的折旧费用计入什么科目
  • 退休人员工资可以提福利费吗
  • 工业企业生产费用要素一般有哪些
  • 商铺售后返租的会计分录
  • 税局代开专票如何做账务处理?
  • 其他综合收益的税后净额怎么计算
  • 公司购入长期债务怎么算
  • 代交社保费会计账务处理
  • 厦门年收入30万人数
  • 小规模纳税人月超10万季度不超30万
  • 个人房产税怎么计算
  • 税种申报表样表
  • 所得税的税负如何算
  • 加盟费是一年一收还是终身的
  • 小额贷款公司可以放贷吗
  • 个人将房产无偿赠与他人应交个人所得税吗
  • 道路工程施工机械
  • 应付职工薪酬调到其他应付款
  • 报销单据粘贴单样本
  • 单位交水费会计分录
  • 无法收回的应收款项计入什么科目
  • 如何让游戏速度加快
  • linux hdparm
  • linux中php的作用
  • php serialize
  • php获取文件列表并输出
  • 教育培训费能抵扣吗
  • 鸿蒙系统通知栏界面怎么打开
  • window10进程
  • php中session什么意思
  • PHP:iconv_strpos()的用法_iconv函数
  • 通过二手车买进套现
  • 自产的产品对外捐赠
  • 预缴季度企业所得税分录
  • php数组的类型有哪些
  • three.js如何给模型锚点
  • 哈士奇宠物狗
  • 公司注销清算的会计分录
  • 购入需要安装的固定资产应先通过什么账户
  • 收到承兑汇票怎么操作
  • 工程结算 增值税
  • 现金流量表和资产负债表的区别
  • 印花税都有什么类目
  • 销售折扣单独开票的会计分录
  • 销售车位应怎么交税
  • 库存股会计处理流程
  • 付款退回怎么做账
  • 哈罗单车说明
  • 建筑公司工程按什么收费
  • 赠品视同销售价格如何确定?
  • 政府专项补贴资金应列入什么科目
  • 企业出售产品
  • 转回小规模
  • 资金结存余额在借方还是贷方
  • 购买工程物资能使现金流量变动吗
  • 会计记账科目表
  • centos7基本环境选哪个
  • windows tasks文件夹
  • win10安装更新
  • win1020h2硬件要求
  • win8.1安装应用商店
  • windows svchost
  • sendmail邮件服务器的配置
  • opengl 顶点
  • bootstrap滚动监听效果
  • IE6支持position:fixed完美解决方法
  • python中get怎么用
  • 微信和qq时间格式不一样
  • Custom List in inspector, displaying data your way[Unity]
  • angular创建service
  • 广东省国税局长是谁
  • 资源税属于国税还是地税
  • 北京地方税务局李宗定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设