jquery - 将 onclick 属性附加到 jquery 对象；$(this) 引用窗口对象而不是特定的 jquery 对象

Question

function df(){
 $(this).text('hello world');
}

bn.attr('onclick','df();');

我的问题是$(this)引用 jquerywindow对象而不是 jquery 对象bn。

如何bn在我的函数中获得动态引用df？

Answer 1

不要使用onclick属性。使用.click()方法：

bn.click(df);

或.on()方法（jQuery 1.7+）或.bind()（旧版本）：

bn.on("click", df);

请注意，函数标识符后没有调用括号。您需要传递对函数的引用，而不是函数的返回值。

Answer 2

试试这个

bn.on('click' , df); // Instead of onclick

您需要将函数指针而不是函数传递给 DOMthis才能处于您期望的上下文中。