jQuery更新jQuery对象,但不更新DOM元素

jQuery更新jQuery对象,但不更新DOM元素,jquery,dom,console.log,Jquery,Dom,Console.log,(简化代码,因为实际脚本太长太复杂,无法帮助问题变得清晰或具体): 预期结果:“test”类将添加到元素“input.inputClass”中 实际结果:“test”类未添加到元素“input.inputClass”,但在控制台日志中打印$realInput时,“test”类显示为已添加 哪些潜在因素可能导致该类添加正确反映在对象的控制台日志中,而不是DOM检查器或实际呈现页面中的元素中 我遇到的情况是,在控制台日志中打印元素“$realInput”(例如addClass、hide、css等)时

(简化代码,因为实际脚本太长太复杂,无法帮助问题变得清晰或具体):

预期结果:“test”类将添加到元素“input.inputClass”中

实际结果:“test”类未添加到元素“input.inputClass”,但在控制台日志中打印$realInput时,“test”类显示为已添加

哪些潜在因素可能导致该类添加正确反映在对象的控制台日志中,而不是DOM检查器或实际呈现页面中的元素中

我遇到的情况是,在控制台日志中打印元素“$realInput”(例如addClass、hide、css等)时,jQuery对该元素的任何操作都会正确反映出来,但不会发生任何更改。同样令人困惑的是,在一个非常相似的页面上,相同的代码可以按预期工作

我已经考虑过但已经排除的可能因素有:

  • 它是在加载DOM之前执行的-不,这一切都在(document.ready)内部运行,并且在创建对象时元素被清晰地找到
  • jQuery操作隐藏元素时出现问题-否,元素是可见的
var $realInput = $('input.inputClass');
$realInput.addClass('test');
console.log($realInput);