jquery面向对象的写法

// 定义一个名为Person的类function Person(name, age) {  this.name = name;  this.age = age;}// 在Person类的原型中添加一个sayHello方法Person.prototype.sayHello = function() {  console.log("Hello, my name is " + this.name + " and I'm " + this.age + " years old.");}// 定义一个名为Student的类，并继承自Personfunction Student(name, age, grade) {  Person.call(this, name, age);  this.grade = grade;}// 让Student类继承Person类的原型Student.prototype = Object.create(Person.prototype);Student.prototype.constructor = Student;// 在Student类的原型中添加一个study方法Student.prototype.study = function() {  console.log(this.name + " is studying for his " + this.grade + "th grade exams.");}// 实例化一个Person对象并调用sayHello方法var person = new Person("Tom", 33);person.sayHello(); // Hello, my name is Tom and I'm 33 years old.// 实例化一个Student对象并调用sayHello和study方法var student = new Student("John", 18, 12);student.sayHello(); // Hello, my name is John and I'm 18 years old.student.study(); // John is studying for his 12th grade exams.

// 定义一个jQuery插件(function($) {  // 定义一个名为Carousel的类  function Carousel($el, options) {    this.$el = $el;    this.options = $.extend({}, Carousel.DEFAULTS, options);    this.$items = this.$el.find(this.options.itemSelector);    this.currentIndex = 0;    this.init();  }  Carousel.DEFAULTS = {    itemSelector: ".item",    duration: 1000,    autoplay: true  }  // 在Carousel类的原型中添加init方法  Carousel.prototype.init = function() {    this.$items.eq(this.currentIndex).addClass("active");    if (this.options.autoplay) this.start();  }  // 在Carousel类的原型中添加start和stop方法  Carousel.prototype.start = function() {    var self = this;    this.intervalId = setInterval(function() {      self.next();    }, this.options.duration);  }  Carousel.prototype.stop = function() {    clearInterval(this.intervalId);  }  // 在Carousel类的原型中添加next和prev方法  Carousel.prototype.next = function() {    var nextIndex = (this.currentIndex + 1) % this.$items.length;    this.goTo(nextIndex);  }  Carousel.prototype.prev = function() {    var prevIndex = (this.currentIndex - 1 + this.$items.length ) % this.$items.length;    this.goTo(prevIndex);  }  // 在Carousel类的原型中添加goTo方法  Carousel.prototype.goTo = function(index) {    if (index === this.currentIndex) return;    var $currentItem = this.$items.eq(this.currentIndex);    var $nextItem = this.$items.eq(index);    $currentItem.removeClass("active");    $nextItem.addClass("active");    this.currentIndex = index;  }  // 为jQuery对象添加carousel方法  $.fn.carousel = function(options) {    return this.each(function() {      new Carousel($(this), options);    });  }})(jQuery);