javascript - 使用 jQuery 扩展 DOM 元素

Question

我想扩展一个 DOM 元素而不扩展所有元素。也就是说，我想要一个具有自己的方法和属性的自定义类，但也能够将其视为一个 div。例如

 MyClass = function(){
    this.foo = "waaa";
 }
 MyClass.prototype.changeText = function(newtext){
    // if this extended $(document.createElement("div")) something
    // like this might be possible
    this.html(newtext);
 }
 MyClass.prototype.alertFoo = function(){
    alert(this.foo);
 }

 var m = new MyClass();
 $("body").append(m);
 m.changetext();

这可能吗？

Answer 1

您可以使您的类成为 jquery 生成的 DIV 元素的子类:

function MyClass (){
    this.foo = "waaa";
}
MyClass.prototype = $('<div/>');
MyClass.prototype.changeText = function(newtext){
    this.html(newtext);
}
MyClass.prototype.alertFoo = function(){
    alert(this.foo);
}

var m = new MyClass();
$("body").append(m);
m.changeText('appletree');