学习笔记1 jquery强大的链式写法
< html lang="en" xmlns="http://www.w3.org/1999/xhtml"> < head > < meta charset="utf-8" /> < title >look you sisther</ title > < style type="text/css"> .current { background-color:red; } </ style > < script type="text/javascript" src="jquery-1.9.1.js"></ script > </ head > < body > < div class="box"> < ul class="menu"> < li class="level1"> < a href="#">寸衫</ a > < ul class="level2"> < li >< a href="#">A</ a ></ li > < li >< a href="#">B</ a ></ li > < li >< a href="#">C</ a ></ li > < li >< a href="#">D</ a ></ li > </ ul > </ li > < li class="level1"> < a href="#">裤子</ a > < ul class="level2"> < li >< a href="#">A</ a ></ li > < li >< a href="#">B</ a ></ li > < li >< a href="#">C</ a ></ li > < li >< a href="#">D</ a ></ li > </ ul > </ li > < li class="level1"> < a href="#">鞋子</ a > < ul class="level2"> < li >< a href="#">A</ a ></ li > < li >< a href="#">B</ a ></ li > < li >< a href="#">C</ a ></ li > < li >< a href="#">D</ a ></ li > </ ul > </ li > </ ul > </ div > </ body > </ html > < script type="text/javascript"> $(document).ready(function () { $(".level1>a").click(function () { $(this).addClass("current").next().show().parent().siblings().children("a").removeClass("current").next().hide(); // a标签添加一个属性 关联的下一个元出现 并且其父元素的全部同胞元素(li)的子元素(a)移除这个属性 同事关联的下个元素隐藏 真尼玛操蛋 }) })< br > </ script > |
不多说 看得懂吧 强大的链式结构 注意每次链式结构后的对象是谁要确定!
$("table>tobody>tr:has(td:has(:checkbox:enabled))").css("background", "red");
这个更牛逼 函数has 代表判断是否含有该元素 不含有这链式中断 :checkbox 选择范围内所有的checkbox
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
· 语音处理 开源项目 EchoSharp