使用onclick =“”选择调用jQuery函数的元素

Question

我想选择调用jQuery函数的元素。我认为这应该有效，但事实并非如此。

元素：

<a href="#" onclick="$.myFunction(this)">link</a>

功能：

(function ($) {
    $.myFunction = function (element) {
        element.hide()
    }
}(jQuery));

Answer 1

this是DOM节点，因此请尝试使用

$(element).hide()

作为旁注，尽可能避免使用内联处理程序，因为它们会使代码很快或后来变得混乱和不可编辑：如果您控制代码，则可以编写代码

<a href="#" class="someclass">link</a>

和

$(function() {
    $('body').on('click', 'a.someclass', function() {
        $(this).hide();
    });
});

使用清洁事件委托

Answer 2

这应该有效：

HTML：

<a href="#" class="myclass">link</a>

JS：

$('.myclass').click(function() {
    $(this).hide();
});