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