包含所有元素定义的jquery对象

时间:2016-01-05 00:10:43

标签: jquery

不确定我的标题是否解释了我想要做的很好,但是是否可以检索jquery选择定义的对象,包括在加载页面时DOM中不存在的任何定义,以便我可以调用对象或在需要时再次读取它的属性?

    <div id="div1">
    <div id="div3">

    $('#div1').on('click',function(){
        do something...
    })

    $('#div2').on('click',function(){
        do something...
    }).css('background','red').data('xxx','yyy').attr({class:'myclass'})

    $('#div3').on('click',function(){
        do something...
    })

    setTimeout(function(){
        console.log(jqueryArray['#div2].onClick)
        console.log(jqueryArray['#div2].attr())
        console.log(jqueryArray['#div2].css())
    },2000)

在此示例中,div 1和3存在,但加载页面时div2不存在。

是否有一个内部jquery数组或对象,其中包含在加载页面时解析的所有选择器,这些选择器可以在加载页面后访问?

1 个答案:

答案 0 :(得分:3)

您正在寻找代表。

$(parentSelector).on(event, childSelector, eventHandler);

这个函数很像普通的事件处理程序,除了它绑定到已经存在的父元素。来自子项的事件冒泡,父项评估子选择器以查看它们是否匹配。如果是这样,它会对它应用处理程序。

由于它起泡冒泡事件,所以在创建子项时并不关心。只是它正在获得事件。