jQuery中end属性的使用

下面有一个父元素ul,嵌套了一个li节点:

<ul id="aaron">
    parent
    <li>child</li>
</ul>

我们现给li绑定一个事件,这个很简单,找到ul下面的li,绑定即可:

var aaron = $("#aaron");
    aaron.find('li').click(function(){
        alert(1);     //1
    })

此时我又想给父元素绑定一个事件,我们是不是又要在aaron上绑定一次事件呢?是的,上面代码通过find处理后,此时的上下文是指向每一个li了,所以必须要重新引用aaron元素(li的父元素),然后再绑定click事件:

aaron.click(function(){
      alert(2);     //1
 })

这样会不会很麻烦,所以jQuery引入一个简单的内部寻址的机制,可以回溯到之前的Dom元素集合,通过end()方法可以实现:

aaron.find('li').click(function() {
        alert(1);
}).end().click(function() {
        alert(2);
})
posted @ 2016-06-03 15:50  菜鸟不想飞  阅读(332)  评论(0编辑  收藏  举报