jquery内容过滤选择器:内容过滤选择器它是根据元素内部文本内容进行选中。
2017-11-01 15:50
531 查看
1.1. 内容过滤选择器
内容过滤选择器它是根据元素内部文本内容进行选中。:Contains(text):匹配包含给定文本的元素
:Empty:匹配所有不包含子元素或者文本的空元素
:Has(selector):匹配含有选择器所匹配的元素的元素
:addClassL(“类名”):给所有的标签添加类名
:Parent:匹配含有子元素或者文本的元素
示例:
$(function(){
//设置含有文本内容JAVA的div字体颜色为红色
$("div:contains('JAVA')").css("color","red");
//设置meiyou 子元素的div文本内容为:这是一个空的div
$("div:empty").html("这是一个空的div");
//包含<a>元素的div字体颜色为黄色
$("div:has(a)").addClass("divColor");
//设置所有含有子元素的span字体为蓝色parent 匹配所有的含有子元素或有文本的元素
$("span:parent").css("color","blue");
});
相关文章推荐
- jQuery学习之内容过滤选择器、表单域选中选择器
- jquery过滤器,过滤器它是在基本选择器与层次选择器获取到一批元素后,再进行过滤操作
- jquery对select进行种各种操作的方法[联动、根据值或文本选中指定的select等]
- 使用jQuery内容过滤选择器选择元素实例讲解
- 使用jQuery内容过滤选择器选择元素
- jQuery内容过滤选择器选择元素实例讲解
- 使用jQuery内容过滤选择器选择元素实例讲解
- jQuery根据文本设置select选中失效问题
- jquery动态增加text元素以及删除文本内容实例代码
- [开源]jquery.ellipsis根据宽度(不是字数)进行内容截断,支持多行内容
- JQUERY1.9学习笔记 之内容过滤器(二) 空元素选择器
- 使用jquery内容过滤选择器
- 转:Jquery如何获取某个元素前(后)的文本内容?
- jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
- JQuery 内容过滤选择器
- 35、实例 jQuery过滤选择器之内容过滤器
- jquery选择器 contains(text) 找到包含特定文本的元素
- jQuery_review之table中根据行选中,进行背景变色和radio选中
- JavaScript学习笔记8-jQuery内容过滤选择器、可见性过滤选择器深度解析
- jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配