您的位置:首页 > Web前端 > JQuery

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