最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery内容筛选选择器实例代码
时间:2017-03-16 编辑:简简单单 来源:一聚教程网
代码如下 | 复制代码 |
内容筛选器
:contains/:has
:contains
:contains
:has
:contains
//查找所有class='div'中DOM元素中包含"contains"的元素节点 //并且设置颜色 $(".div:contains(':contains')").css("color", "#CD00CD");
//查找所有class='div'中DOM元素中包含"span"的元素节点 //并且设置颜色 $(".div:has(span)").css("color", "blue");
:parent/:empty
//选择所有包含子元素或者文本的a元素 //增加一个蓝色的边框 $("a:parent").css("border", "3px groove blue");
//找到a元素下面的所有空节点(没有子元素) //增加一段文本与边框 $("a:empty").text(":empty").css("border", "3px groove red");
|
-
上一个: jQuery基本筛选选择器实例代码
相关文章
- jQuery层级选择器实例代码 03-16
- jQuery基本筛选选择器实例代码 03-16
- 总结jQuery中first-child、nth-child、last-child选择器用法实例 01-07
- 常用的jQuery选择器实例介绍 11-28
- jQuery 选择器介绍与实例应用 12-22
- HTML简单购物数量小程序代码展示 10-31