强大的jQuery选择器之选定连续多行
代码不多，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>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· 单线程的Redis速度为什么快？
· 展开说说关于C#中ORM框架的用法！
· Pantheons：用 TypeScript 打造主流大模型对话的一站式集成库