关于jQuery中的end() 要领

最近在进修jQuery方面的常识，进修中碰着必然的坚苦，一些常识不得不查察官方的文档，在用到end()要领时，被一个小例子搞得有点晕。

在官方的API上是这样描写end()要领的：“回到最近的一个"粉碎性"操纵之前。即，将匹配的元素列表变为前一次的状态。”；

看样子仿佛是找到最后一次操纵的元素的上一元素，在如下的例子中：

html代码：

<div>测试内容1</div><div>测试内容2</div>

jQuery代码：

$('<p>新增内容</p>').appendTo('div').addClass('c1').end().addClass('c2');

获得的功效是：

<div>测试内容1 <p class="c1 c2">新增内容</p></div>
<div>测试内容2 <p class="c1">新增内容</p></div>

这里我就有一点不太大白了，怎么只有第一个<p>标签有两个样式，end()要领后返回的是什么,在火狐里添加了监控，获得如下功效：

1.$('<p>新增内容</p>').appendTo('div')返回的是：[p,p]工具数组，即新增后的两个p标签；

2.$('<p>新增内容</p>').appendTo('div').addClass('c1')返回的是：[p.c1,p.c1]工具数组，即添加了c1类样式后的p工具数组；

3.$('<p>新增内容</p>').appendTo('div').addClass('c1').end()返回的是[p.c1],是第1个<div>中的<p>,在2操纵中，最后“粉碎”的是第2个<div>中的 <p>,以是他的前一次操纵的工具是第1个<div>中的<p>,返回的就是它;

4.$('<p>新增内容</p>').appendTo('div').addClass('c1').end().addClass('c2')返回的如故是第1个<div>中的<p>;

此刻算是有点大白了，要害是要搞清晰最后一次操纵的元素的上一元素是什么。

出处：http://slmm.cnblogs.com/

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!