Question

我刚开始用JavaScript学习OOP，一开始我遇到了一些问题。

我想在我自己的类中使用jQuery，如下所示：

＆＃13;

var myclass = function() {
  this.attr1 = false;
  this.target1 = false;
  this.func1 = function() {
    this.target1.text(this.attr1);
    console.log(this.attr1);
  }
}

var testObj = new myclass();
$.extend(testObj, $);
testObj.attr1 = "Hello World";
testObj.target1 = $("#targetcontainer");
testObj.func1();

＆＃13;

<div id="targetcontainer">some1 out there?</div>

＆＃13;

但我的容器没有改变文字。你可以帮助我吗？

Answer 1

在尝试使用选择器查询元素之前，您需要确保已创建dom。

var myclass = function() {
  this.attr1 = false;
  this.target1 = false;
  this.func1 = function() {
    this.target1.text(this.attr1);
    console.log(this.attr1);
  }
}

$(document).ready(function() {
  var testObj = new myclass();
  $.extend(testObj, $);
  testObj.attr1 = "Hello World";
  testObj.target1 = $("#targetcontainer");
  testObj.func1();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="targetcontainer">some1 out there?</div>

用jQuery扩展我的类

1 个答案: