标签：style io ar color sp java strong on div
一直以来对JQuery很喜欢，它封装了JavaScript，用起来更方便，不过无论什么方法，必须要理解这个方法本来的含义，此外就是要在自己的逻辑上整理清楚，这样才能做到更多的效果。“遇到问题了，多看手册”这句话是当初学脚本语言的时候老师经常说的一句话，当初很郁闷他这句话，不过现在发现，封住的方法的确多得很，只有不断地学习，不断地用到，才会发现这些方法的区别，也才能更加合理地利用这些前辈们为我们打造好的各种包。
先来说说今天认识到的filter()方法吧。
这个方法主要用来遍历列表中的元素，或者有着并列关系的元素，filter()方法其实是个过滤选择器，旨在从众多的并列的“兄弟姐妹”中查找到符合匹配条件的那一来。
我们先来看看API中给我们提供的例子:
==============例1=============
（备注：这里就不写那么多引入的js和css,大家可以自己随意添加）
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> <li>list item 6</li></ul><ul> <li><strong>list</strong> item 1 - one strong tag</li> <li><strong>list</strong> item <strong>2</strong> -two <span>strong tags</span></li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> <li>list item 6</li></ul>$( "li" ).filter(function( index ) { return $( "strong", this ).length === 1;}).css( "background-color", "red" );$( "li" ).filter(function( index ) {return index % 3 === 2;}) .css( "background-color", "red" );<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>filter demo</title> <style> div { width: 60px; height: 60px; margin: 5px; float: left; border: 2px white solid; } </style> <script src="//code.jquery.com/jquery-1.10.2.js"></script></head><body><div></div><div class="middle"></div><div class="middle"></div><div class="middle"></div><div class="middle"></div><div></div><script>$( "div" ) .css( "background", "#c8ebcc" ) .filter( ".middle" ) .css( "border-color", "red" );</script></body></html>标签：style io ar color sp java strong on div
原文地址：http://www.cnblogs.com/zmseo/p/4131628.html
