<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style type="text/css"> *{margin:0;padding:0;} ul li{ list-style:none;} img {border:0 none;} body {padding:100px;} input[type='button']{width:100px; height:38px;display:block;position:fixed;right:20%; top:50px;} span{display:inline-block;float:left;width:100px; height:100px; text-align:center;border:1px blue solid;margin-right:10px;} </style> <script type="text/javascript"> $(function(){ $("input[type='button']").focus().click(function(){ // 使用filter() $("span").filter('.se1,.se3').css({ // filter可带多个参数，用逗号分隔 color:'red', border:"2px red solid", }).text('通过过滤元素集filter()筛选匹配！') //使用find() // $('div').find('.se1,.se3').css({ // color:'red', // border:"2px red solid", // }).text('通过元素集中查找find()筛选匹配！') }) }) </script> <input type="button" value="点击测试"/> <div> <span class="se1">子节点1</span><span >子节点2</span><span class="se3">子节点3</span> </div>