jquery中的watch

在jQuery中，没有内置的watch函数。可能是因为jQuery本身是一个DOM操作库，主要用于处理HTML和CSS，而不是数据的变化。如果你想在jQuery中实现数据的监控和变化检测，你需要自己编写相关的代码。

一种实现数据监控和变化检测的方法是使用JavaScript的Object.defineProperty()方法。这个方法可以在对象中定义一个属性，并且为这个属性设置get和set方法。在set方法中，你可以检测属性值的变化，并在变化时执行相应的操作。

下面是一个简单的例子，演示如何在jQuery中使用Object.defineProperty()方法来监控数据的变化：

var data = {
  name: 'Tom',
  age: 18
};

// 在jQuery对象上定义一个watch方法
$.fn.watch = function (prop, callback) {
  return this.each(function () {
    var obj = this;
    var val = obj[prop];

    Object.defineProperty(obj, prop, {
      configurable: true,
      enumerable: true,
      get: function () {
        return val;
      },
      set: function (newVal) {
        val = newVal;
        callback.call(obj, prop, newVal);
      }
    });
  });
};

// 监控data对象的name属性的变化
$(data).watch('name', function (prop, newVal) {
  console.log('name属性发生了变化，新值为：' + newVal);
});

// 修改data对象的name属性的值
data.name = 'Jerry'; // 输出：name属性发生了变化，新值为：Jerry

在这个例子中，我们在jQuery对象上定义了一个watch方法，该方法接收两个参数：要监控的属性名和变化时要执行的回调函数。在watch方法内部，我们使用了Object.defineProperty()方法来为对象的属性设置get和set方法。在set方法中，我们检测了属性值的变化，并执行了回调函数。最后，在代码的最后，我们修改了data对象的name属性的值，触发了回调函数的执行。

需要注意的是，这个方法只能监控到对象属性值的变化，无法监控到数组元素的变化。如果需要监控数组元素的变化，可以使用第三方库，如Vue.js或React.js等。