zoukankan      html  css  js  c++  java
  • 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);
    })
  • 相关阅读:
    VMware搭建VMware ESXi 6.7
    77. Combinations
    47. Permutations II
    system design
    37. Sudoku Solver
    12月9日学习日志
    12月8日学习日志
    12月7日学习日志
    12月6日学习日志
    12月5日学习日志
  • 原文地址:https://www.cnblogs.com/zhishifenzi/p/5556551.html
Copyright © 2011-2022 走看看