javascript - 向 jQuery 元素添加函数

Question

我正在尝试使用 jQuery 将函数添加到对象。 不幸的是，这并没有按预期工作。 This jsfiddle shows a minimal example of my problem. 我刚刚开始使用 jQuery 并阅读文档，但我需要一个提示，告诉我应该朝哪个方向解决我的问题。

谢谢。

<ul id="ul_list">
    <li id="li_a">a</li>
</ul>
$("#li_a").speak = function () {
    alert("Hello I'm a!");
};

var button = $('<button/>').html('speak');
button.click(function () {
    $('#li_a').speak();
});
button.appendTo("body");

Answer 1

您错误地添加了成员​​函数。为此，您需要extend jQuery's prototype object 。您需要附加到$.fn.speak:

$.fn.speak = function () {
    alert("Hello I'm a!");
};

var button = $('<button/>').html('speak');
button.click(function () {
    $('#li_a').speak();
});