jQuery常用过滤器
in js with 0 comment

jQuery常用过滤器

in js with 0 comment

基础过滤器

//第一个
$('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');
Responses
icon_mrgreen.gificon_neutral.gificon_twisted.gificon_arrow.gificon_eek.gificon_smile.gificon_confused.gificon_cool.gificon_evil.gificon_biggrin.gificon_idea.gificon_redface.gificon_razz.gificon_rolleyes.gificon_wink.gificon_cry.gificon_surprised.gificon_lol.gificon_mad.gificon_sad.gificon_exclaim.gificon_question.gif