强大的jQuery选择器之选定连续多行
canrun
代码不多，JS就两行，对应两个实现方案。
1 <html> 2 <head> 3 <title>jQuery Selector</title> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta http-equiv="Content-Language" content="zh-CN" /> 6 <script type="text/javascript" src="https://files.cnblogs.com/Zjmainstay/jquery-1.6.2.min.js"></script> 7 </head> 8 <body> 9 <ul> 10 <li>1</li> 11 <li>2</li> 12 <li>3</li> 13 <li>4</li> 14 <li>5</li> 15 <li>6</li> 16 <li>7</li> 17 <li>8</li> 18 </ul> 19 <script type="text/javascript"> 20 $(document).ready(function(){ 21 // $("ul>li:eq(2),li:eq(3),li:eq(4)").css({"background-color":"#ABC"}); 22 //$("ul>li:not(:lt(2),:gt(4))").css({"background-color":"#ABC"}); //不小于2，不大于4，因此选中（3,4,5），eq(index)的index从0开始。 23 $("ul>li").slice(2,5).css({ "background-color": "#ABC" }); //推荐，由@s似水流年提供，slice(start, [end])，选定结果含start，不含end，即slice(2,5)选中eq(2),eq(3),eq(4) 24 }); 25 </script> 26 </body> 27 </html>
