jQuery的断链end()与 访问链

简介: jQuery的断链end()与 访问链

jQuery的断链end()与 访问链


一、断链end()

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

69.png

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');

 

运行结果:

72.png

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');

运行结果:

73.png

三、总结:

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

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

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

目录
相关文章
|
JavaScript
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问
|
JavaScript 存储 前端开发
riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期
前文回顾riot.js教程【二】组件撰写准则、预处理器、标签样式和装配方法;riot.js教程【一】简介; 访问DOM元素 你可以通过this.refs对象访问dom元素 而且还有大量的属性简写方式可以使用 比如:if="{.
1347 0
|
JavaScript C# 数据格式
|
JSON JavaScript 数据格式
JQuery+ajax+jsonp 跨域访问
Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”,可以让网页从别的网域获取资料。 关于Jsonp更详细的资料请参考http://baike.baidu.com/view/2131174.
902 0
|
JSON JavaScript Java
jsp + jquery 實現跨域訪問 --返回json
引用:http://blog.csdn.net/lshaohe/article/details/4954760 近日由於開發需要,要用到跨域訪問數據,查了一下資料,發現主要有兩種方法:   1,直接用js訪問格式如   [javascript] view plaincopy ...
863 0