<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0;padding:0;} div{ 50px; height: 50px; float: left; margin:5px; } </style> <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('div').css('background','#ccc').filter('.border').css("border","2px solid red"); }); </script> </head> <body> <div></div> <div class="border"></div> <div class="border"></div> <div class="border"></div> <div class="border"></div> <div class="border"></div> <div></div> </body> </html>
改变所有 div 的颜色,然后向类名为 "border" 的类添加边框:
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。