笔记 jQuery

基础过滤器

//第一个
$('li:first').css('background','gray');
//最后一个
$('li:last').css('background','gray');
//奇数
$('li:odd').css('background','green');
//偶数
$('li:even').css('background','orange');
//具体第几个 从0开始
$('li:eq(3)').css('background','purple');

内容过滤器

//找td中含有‘女’字的
$('td:contains(女)').css('background','red');
//找td为空的
$('td:empty').css('background','yellow');
//找出不为空的P标签(P标签下没有内容的)-->找到当爹的标签p
$('p:parent').css('background','orange');
//找出td下， 含有span标签的-->标签下有标签的
$('td:has(span)').css('background','blue');

表单类型过滤器

//旧版
$('input[type=text]').css('background','red');
//表单类型选择
$('input:password').css('background','gray');

可见性过滤器

//div:hidden找到隐藏的部分
$('div:hidden').css('display','block');

子元素过滤器

//同一层次下， 最后一个P标签
$('p:last-of-type').css('background','gray');
//匹配li下的独生a标签
$('li a:only-child').css('background','blue');

本文由 root 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Apr 10, 2017 at 08:52 pm