附加多个新元素并为每个新元素注册一个click事件的标准方法(jQuery初学者!)

“正确”的方法(这是可行的,但是你应该很快忘记它)

for (var i = 0; i < 10; i++) {
    $("div#stargrid").append($("<img class='clickme' src='http://placehold.it/90x90' alt='90x90 placeholder image' />").click(my_event_handler));
}

如你所见,我刚刚给 jQuery constructor 功能 $()

但这有点难看,更好的方法是

$('<img/>', {
   'class':   'clickme',
   'src':     'http://placehold.it/90x90',
   'alt':     '90x90 placeholder image',
   'click':   function(){
       alert('CLICKED');
   }
}).appendTo($("div#stargrid"));

event delegation 一 n .

在这种情况下

$("div#stargrid").delegate('.clickme', 'click', function(e){
    alert('CLICKED');
});

event object e 它被传递到处理程序以区分实际单击了哪个元素,例如,检查一个id值。