标签：
今天继续从我的笔记上面搬运。我们不产生知识，只是知识的搬运工。
内容过滤选择器：
○ 内容选择过滤器 $("div:contains(‘text‘)"); 内容为‘text‘的那个div
○ 不包含子元素也不包含文本元素（一穷二白的选择器） $("div:empty");
○ 含有选择器所匹配元素的元素（真他妈绕口） $("div:has(p)"); 元素里面有<p>的那个div
○ 含有子元素和文本元素的元素(不是孤家寡人) $("div:parent"); 和$("div:empty")正好相反，对比记忆。
可见性过滤选择器：
○ 页面中隐藏元素选择器 $("div:hidden");
○ 页面中可视元素选择器 $("div:visible");
notice: 可见性，是指元素在页面中是否能够显示。在CSS中可以设置display:block;显示也可以设置display:none;隐藏。所以用这个jQuery就能选择那些元素是显示的那些元素是隐藏的。
属性过滤选择器：
○ 有某个属性的选择器 $("div[title]") 选择有属性为title的div。
notice：当然这些属性也可以自定义，比如，属性为test.设置HTML中本来就存在的属性可以用attr.也可以用prop.具体两者的差异，后面的笔记会提到，当然也可以在评论里提问。在今天的笔记里就不展开了。
○ 属性值等某个值的。 $("div[title = ‘bigBreast‘]") 选择title值等于bigBreast（大胸）的那个div。
○ 属性值不等于某个值的。 $("div[title != ‘bigBreast‘]") 选择title值不等于bigBreast（大胸）的那个div。
○ 属性值以什么开头的。 $("div[title ^= ‘mengmengda‘]") 选择title值以mengmengda开头的那个div。
○ 属性值以什么结尾的。 $("div[title $= ‘mengmengda‘]") 选择title值以mengmengda结尾的那个div。
○ 属性值中含有什么文字的。 $("div[title *= ‘hexie‘]"); 选择title值里面含有hexie（和谐内容）的那个div。
○ 属性中不仅含有这个属性而且含有其他属性。（超级组合啊）$("div[id][title][test]"); 寻找属性中不仅有id而且有title而且属性为test的。
子元素过滤选择器：
○ 选择某个集合元素中，第几个子元素。 $("div.small :nth-child(2)"); 选择div里面类名叫small的元素集合中第二个元素。nth-child(index)。其中index是从1开始的。而eq(index)中的index是从0开始的。这一点一定要注意！
○ 选择某个集合元素下，第一个子元素。 $("div.small :first-child");
○ 选择某个集合元素下，最后一个子元素。 $("div.small :last-child");
○ 选择某个集合下，子元素是3的倍数的子元素。 $("div.small :nth-child(3n)");
○ 选择某个集合下，子元素是3的倍数加以的子元素 $("div.small :nth-child(3n+1)");
○ 选择某个集合下，并且只有一个子元素的父元素（说白了，就是找独生子女的爹） $("div.small :only_child");
今天就先介绍这么多，余下的来日方长。慢慢从笔记中搬。
昨天的博客有人投了反对票，可能是文中举得例子不恰当，有伤风化。但搞技术的大都是男的，对着枯燥的知识点学习，很快就会眼酸犯困，难以坚持。古往今来，色情、凶杀和暴力，最能引人关注，激发多巴胺分泌，提神醒脑。所以文中不时来点搞笑段子吸引眼球，既能缓解学习气氛，又能学到东西，何乐而不为呢。
有问题，评论中会回答。
标签：
原文地址：http://www.cnblogs.com/roverliang/p/4659941.html
