jq监听某个元素是否有变更

你可以使用jQuery的`MutationObserver`监听某个元素的变更，它可以观察 DOM 中的节点变化并做出相应的响应。以下是一个例子：

// 选择需要监听变化的节点
var targetNode = document.querySelector('#targetNode');

// 创建一个观察器实例并传入回调函数
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type); // mutation.type 是变化类型
  });    
});

// 配置观察器选项
var config = { attributes: true, childList: true, subtree: true };

// 传入目标节点和观察器的配置选项
observer.observe(targetNode, config);

在上述代码中，`targetNode`是需要监听的节点，`observer`是观察器实例，`config`是观察器的配置选项。你可以在回调函数中根据变化类型做出相应的响应。

相关问题

jq监听某个input的value是否有变化

你可以使用 jQuery 的 `on` 方法结合 `input` 事件来监听某个 `input` 元素的 `value` 是否有变化。以下是一个例子：

// 选择需要监听变化的 input 元素
var inputElement = $('#inputElement');

// 保存上一次的 value
var oldValue = inputElement.val();

// 监听 input 元素的 input 事件
inputElement.on('input', function() {
  var newValue = $(this).val();
  if (newValue !== oldValue) {
    console.log('value has changed');
    // 做你需要的操作
    oldValue = newValue;
  }
});

在上述代码中，我们首先选择需要监听变化的 `input` 元素，然后在 `input` 事件中获取当前的 `value` 值，并与之前保存的值进行比较。如果发现值有变化，就执行相应的操作，并将新的值保存起来，以备下次比较。

jq 实时监听元素样式变化

你可以使用 jQuery 的 `MutationObserver` 来监听元素的样式变化。这个 API 可以跟踪 DOM 树的变化，包括元素的属性变化、子节点的增减等等。下面是一个示例代码：

// 监听元素样式变化的函数
function watchStyleChanges(selector, callback) {
  var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
        callback(mutation.target);
      }
    });
  });
  
  $(selector).each(function() {
    observer.observe(this, { attributes: true });
  });
}

// 监听元素 #my-element 的样式变化
watchStyleChanges('#my-element', function(element) {
  console.log('Element style changed:', element);
});

这个代码会在 `#my-element` 元素的样式发生变化时打印一条消息。你可以根据自己的需要修改这个函数。