如何选择由.on()附加事件的元素

时间:2014-07-18 13:52:28

标签: jquery jquery-selectors

我有一些动态添加的HTML元素。我绑定了他们click事件。

$(document).on('click','img',function(){
    // some stuff
})

如何选择所有具有click事件的元素? 想要对这些元素进行一些CSS更改。 我可以选择直接附加click的元素或带有onClick属性的元素,但我会遇到.on()添加的事件。基本上我必须使用所有类型click事件来设置图标样式,看起来像按钮。

它是遗留代码,为了对所有图标进行样式化,我将不得不更改多行,超过200个用户模块。

另一种想法是,是否可以覆盖.on()并在该方法中检查事件click是否将附加到img元素,如果是,则添加CSS类将其样式化然后调用原始.on()

2 个答案:

答案 0 :(得分:1)

你真的不需要jQuery来对它们进行样式化。由于img是您的选择器,因此您只需使用CSS:

img
{
    /* set styles here */
}

那就是说,如果你想使用jQuery,你可以这样做:

$("img")
    .css
    ({
        // set your styles here.
    })
    .on("click", function() 
    {
        // perform some action on click.
    });

答案 1 :(得分:0)

在某些东西范围内,juste会为绑定元素添加一个类。

例如

$(document).on('click','img',function(){
    // some stuff
    $( this ).addClass( 'bound' );
})

现在,您可以使用$('.bound')选择器来执行您想要的操作(或CSS中的.bound);)

问候。