jQuery的断链end()与 访问链

jQuery的断链end()与 访问链

一、断链end()

1,查看end() 的源码：可以看到end() 函数返回对象是prevObject，则返回前一个对象 [ 内部使用了栈的存储结构 ]

2,举例：

复制代码
<body>
<div>
    <div>
        <h1>h1</h1>
        <h1>h11</h1>
        <h1>h111</h1>
    </div>
    <div>
        <h1>h2-1</h1>
        <h1>h2-2</h1>
        <h1 class="find">h2-3</h1>
        <h1>h2-4</h1>
        <h1>h2-5</h1>
    </div>
</div>
</body>
复制代码

 $('.find').prev().prev().css('color','blue').end().next().next().css('color','red');

■ end() 的返回对象是 ：前一个对象prevObject~$('.find').prev() [对应html的 <h1>h2-2</h1> ],

然后给对象再next().next().css('color','red');

 

运行结果：

 3，结论：end() 返回当前链条中最近的筛选操作

 

 二、访问链

访问链，就是通过prev() 或者next()或者parent等等， 获取某个节点的啦，类似链表的访问。

举例：

复制代码
<div>
    <div>
        <h1>h1-1</h1>
        <h1>h1-2</h1>
        <h1 class="find">h1-3</h1>
    </div>
    <div>
        <h2>h2-1</h2>
        <h2>h2-2</h2>
        <h2>h2-3</h2>
    </div>>
</div>
复制代码
//访问链
$('.find').prev().parent().css('color','green');

运行结果：

 三、总结：

■访问链，就是jQuery 访问节点的一些方法的连续使用，常用访问方法：

children(); parent(); parents();   siblings();  next();   prev(); find();

■断链，是因为jquery使用这些访问方法返回了一个新对象，end() 就是返回前一个对象。

 

 

 

 

 

 
 
posted @   一乐乐  阅读(85)  评论(0)  编辑  收藏  举报
编辑推荐：
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
点击右上角即可分享
微信分享提示
AI IDE Trae